Avant de commencer cet article nous allons commencer par un rappel.


Rappel :


Pour développer en HTML, il faut utiliser n'importe quel éditeur de texte et enregistrer le fichier au format .html afin de créer une page web. 


Dans cet article, nous allons voir comment exploiter le langage HTML et comprendre son fonctionnement.

Comme je vous l'ai expliqué dans l'article Comment développe-t-on un site ?, le langage HTML permet de créer le squelette de votre site. 


Pour être plus précis le langage HTML est un langage de balisage qui se traduit par des balises.


Exemple : 


<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8"/>
   <title>Titre de la page</title>  
  </head>
  <body>
   <h1>Mon titre</h1>
   <p>Mon texte</p>  
  </body>
</html>


Je vais vous faire une explication de cet exemple :


  • La balise <!DOCTYPE html> permet de définir la page en HTML5,
  • La balise <html> est l'élément important afin de faire tourner une page en HTML,
  • La balise <head> contient toutes les méta-informations à propos de la page,
  • La balise <title> permet de spécifier un titre à la page,
  • La balise <body> contiens les éléments visible de la page en cours,
  • La balise <h1> permet de définir un titre,
  • La balise <p> défini un paragraphe.


Comme vous le voyez la balise <html> permet d'afficher le contenu de votre page et on remarque qu'à l'intérieur de cette balise qu'il y a deux autres balise importantes qui sont <head> et <body>.


A quoi servent-elles ?


La balise <head> et la partie non visible de votre site mais c'est l'une des parties les plus puissantes. Elle permet en outre d'afficher le titre de votre page, donner une description à votre page, charger des fichiers CSS comme JavaScript et tant d'autres choses.


La balise <body> quant à elle, est la partie visible qui affiche le contenu de votre site.


À ce stade de cette article vous avez donc compris le fonctionnement et comment exploiter le langage HTML.


Maintenant pour approfondir vos connaissances en HTML, je vous invite à aller dans la section HTML dédié.

5360 vues
Modifié le 04 mars 2019
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
681 vues
CSS interne : l'utilisation de balises <style> dans la section <head> du document HTML
CSS Interne : L'utilisation de balises <style> dans la section <head> du document HTMLLe CSS interne est une méthode de stylisation où les styles sont définis directement dans la...
CSS
528 vues
Les promesses
Les Promesses en JavaScriptLes promesses sont un mécanisme de gestion asynchrone en JavaScript qui permet de gérer plus facilement les opérations asynchrones et d'éviter le "callback hell". Les...
JS
3 610 vues
Twitter Cards
Les Twitter Cards sont des protocoles qui vous permettent d’attacher des photos, des vidéos et autres médias interactifs à vos tweets afin d’amener...
Créer son site
8 996 vues
Introduction
Je vous propose un cours afin de concevoir votre premier site de A à Z incluant un espace membre, un forum & un blog 😎Les objectif de ce cours :L'objectif et de ce familiariser avec les...
Créer son site
735 vues
Variables et types de données
Variables et Types de Données en JavaScript1. Variables :Une variable en JavaScript est un conteneur pour stocker des données. Vous pouvez utiliser des variables pour stocker différentes valeurs...
JS
3 410 vues
Créer des listes ordonnées <ol> et non ordonnées <ul>
Créer des listes ordonnées avec <ol> et non ordonnées avec <ul>Les balises <ol> et <ul> sont utilisées pour créer respectivement des listes ordonnées et non ordonnées...
HTML
948 vues
Utilisation des attributs id et class pour identifier et styler les éléments
Utilisation des attributs id et class pour identifier et styler les élémentsLes attributs id et class sont utilisés pour identifier et styler les éléments HTML en leur attribuant des...
HTML
3 173 vues
Personnaliser sa barre de menu
Nous allons maintenant apprendre à personnaliser notre barre de recherche à partir de l'exemple de celle de Bootstrap.Nous allons également ajouter 2 nouvelles pages PHP que nous nommerons...
Créer son site de rencontres
Publicité
Cette pub permet au site de vivre ...