Html les bases


work in progress

Définition

Hypertext Markup Language est un langage de balisage pour présenter des pages web.

Une page minimaliste


      <!DOCTYPE html>
      <html>
      <head>
      <title>Ma Page Web</title>
      </head>
      <body>
      Bonjour, monde !
      </body>
      </html>
      

Le doctype

Il indique au navigateur web la version du langage de balisage html utilisé : <!DOCTYPE html> pour du html5. Consulter les spécifications du langage html5 sur cette page.

Balise html

Cette balise délimite la page web (c'est un conteneur). Elle contiendra deux blocs : head pour les métadonnées de la page et body pour le contenu qui sera affiché.
La balise html peut aussi contenir un indicateur sur la langue utilisée dans la page : <html lang="fr">

Balise head

Contient les métadonnées de la page dont title qui est le titre de la page. La partie métadonnées donne des informations au navigateur pour interprêter le contenu : doctype pour la syntaxe de la page (html pour la version html5), l'encodage des caractères. C'est également ici que se trouveront les liens vers les feuilles de style...


      <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
      <title>Ma Page Web</title>
      <link rel="stylesheet" href="../css/style.css">
      </head>
      

La partie head correspond à celle de ce site :

Balise body

Cette balise affiche le contenu de la page. Ce qui est vu à l'écran.


      <body>
      Bonjour, monde !
      </body>
      

Ce texte s'affiche même si on ne sait pas ce que c'est : un titre ? un simple texte ?

Etanchéités des balises ?

Est-ce que les balises html et body ont une influence sur l'affichage de la page web ?


      <!DOCTYPE html>
      <html>
      <body>
      Bonjour, monde !
      </body>
      <p>Hello, monde ! </p>
      </html>
      <p>Hello world! </p>
      

Si les critères d'affichage sont respectés alors seul Bonjour, monde ! devrait apparaître à l'écran. Il n'en est rien : ces trois variations sur "hello world" sont affichés. Le navigateur ne tient pas compte des balises fermantes body et même html.

Testé sur trois navigateurs web : Firefox, Chromium (donc Chrome) et Lynx.