Les bases du HTML

Les grands principes

Le langage HTML est un langage dit "balisé". C'est à dire que le contenu est "entouré" de balises. Il existe deux types de balises :

Les balises "normales" La balise est composé de ce qu'on appelle un "chevron" ouvrant et fermant >/< et un nom de balise.
La balise de type "ouvrante" est de ce type <balise>
La balise fermante prend un / avant le nom de balise, et donne donc ceci </balise>.

Les balises "autonomes"
Il existe des balises qui se suffisent à elles mêmes (comprendre : qui ne sont pas designées pour accueillir du contenu "à l'intérieur". Pour ce genre de balises, il existe deux écrituree :

  • <balise_autonome></balise_autonome>
  • <balise_autonome /> <- Forme la plus communément admise

Quelques balises en vrac

<div>Contenu ici</div>
<p>Contenu ici</p>
<span>Contenu ici</span>
<html>Contenu ici</html>
<body>Contenu ici</body>
<section>Contenu ici</section>
...

Les balises ne DOIVENT PAS se chevaucher.

Bon exemple de baslise

<balise>
   <balise2>
      contenu
   <balise2>
   <balise3>
      contenu
      <balise4>
         contenu
      </balise4>
      contenu
   </balise3>
   contenu
</balise>

MAUVAIS exemple de balise

<balise>
<balise2>
</balise>
</balise2>
Page 2 - Les attributs