Règles de base

Le HTML utilise des balises. Toute balise doit être ouverte et doivent également être fermées.

Une balise se présente sous la forme <blabla>, avec un < et un >.

Les balises se referment avec </ blabla>, / étant l’élément fermant. Certaines balises se ferment à l’intérieur (et à la fin) d’elles-mêmes. Dans ce cas, la barre transversale doit être placée juste avant le > final. Exemple : <br />.

Les balises ont les deux formes suivantes :

< blabla> quelque chose </ blabla>

ou bien :

< blabla />

Il n’existe aucune autre forme possible.

Les attributs

Les balises acceptent parfois des options, qu’on appelle des attributs : dans <blabla type=”bouf” />, blabla est l’élément, type l’attribut, et “boub” la valeur de l’attribut.

Commentaires

Les commentaires s’insèrent entre <!– et –>. A l’intérieur de commentaires.

On ne peut pas placer de commentaires à l’intérieur d’un élément (balise).

Règles générales

Toutes les balises doivent être refermées.

Toute partie de la page doit être contenue dans (au moins) une balise.

Les balises doivent être ouvertes et refermées dans l’ordre.

Il ne faut pas écrire :

<p> Du texte, <em> c’est vrai.</p></em>

mais :

<p> Du texte, <em> c’est vrai.</em> </p>

Il faut refermer la balise <em> avant <p>, car on l’a ouverte après.

Les balises

Chaque balise à un nom: par convention, on écris la balise, entre les signes < et >.
les balises s’écrivent en minuscule.
Chaque balise ouverte dois être refermé.

Il existe deux type de balise :

  • Les balises classiques : une balise d’ouverture et une balise de fermeture dont le nom est précédé par le symbole / (flash). 
    <p>Ceci est un paragraphe</p>
  • Les balises se refermant seules.
    Exp: br pour faire un saut de ligne.
    • Insérer un saut de ligne après ce mot <br />

Balise imbriquée et héritage

<p>Ceci est un <strong>petit texte</strong></p>

L’ordre de fermeture : On commence toujours par refermé les balises ouverte en derniers.
L’héritage : Les balises <strong> et </strong> étant imbriquées dans les balises <p> et </p>.
La balise <strong> hérite des propriétés de la balise <p>.
Par exemple, ci vous avez donné une couleur de texte verte à la balise <p>, la balise <strong> lui appartenant affichera donc le texte qu’elle encadre en vert.