LOGO Lionel Groulx

Site Web du cours « Programmation de Systèmes »

HTML et CSS Chapitre 2
Les bases du fonctionnement du HTML

 2.1       Les types de balise HTML

HTML est un langage qui fonctionne uniquement sur la base de ses balises.

2 types de balises le composent :

 2.1.1     Les balises en paire

Exemple :

<titre>Ceci est un titre</titre>

Elles sont composées d'une balise ouvrante, et d'une balise fermante.

 2.1.2     Les balises orphelines

Exemple :

<image/>

Unique, le contenu concerné sera placé avant la barre oblique et après le mot-clé.

 2.1.3        Les attributs

Les balises peuvent être complétées par des attributs :

<citation auteur="Neil Armstrong" date="21/07/1969">

C'est un petit pas pour l'homme, mais un bond de géant pour l'humanité.

</citation>

Ici, les attributs « auteur » et « date » complémentent la balise paire « citation ».

(Exemple fictif)

 2.2       Le respect des hiérarchies dans les balises

Il est important de respecter la façon dont les différentes balises s'embrassent les unes dans les autres sans s'emmêler.

Exemples:

<html><body></body></html>

<html><body></html></body>

<i></i><small></small>

Correct

Incorrect

Correct

On note au passage que HTML ne tient pas d'importance au retour à la ligne pour interpréter les balises.

 2.3       Le respect de la casse …

HTML5 est-il sensible à la casse (minuscule-majuscule)? En théorie non, mais XHTML, qui lui est plus strict, l'est, donc si l'on veut conserver une compatibilité, il est préférable de taper les balises en minuscules, pour qu'elles soient reconnues en XHTML.

De plus, il est conventionnellement usité d'écrire les balises et les attributs en minuscules.

 2.4       L'indentation, une bonne habitude

Les balises imbriquées nous dessinent une forme de hiérarchie. Ainsi, il est de bon usage d'indenter le fichier pour une lecture facilitée (voir exemple ci-dessous en 3.1) qui respecte celle-ci.

 2.5       Les commentaires dans un fichier HTML

Pour commenter une ligne entière, on procède comme suit :

<!-- Ceci est un commentaire sur une ligne -->

On peut également commenter un bloc comme suit :

<!--

Ceci est un commentaire

sur plusieurs lignes

-->