Généralités

Un fichier HTML est un fichier texte interprêté, entre autres, par les navigateurs. Il comporte les textes, les adresses vers les ressources (images, vidéos, ...) ainsi que les liens vers d'autres documents. Par convention, il porte l'extension html.

Balises

Les balises structurent le contenu et délimitent les différents blocs : textes, titres, images, liens, ...

Une balise est encadrée de chevrons. Par exemple, un paragraphe débute par <p> , appelée balise ouvrante. Pour marquer la fin du paragraphe, on utilise un balise fermante, contenant cette fois-ci un slash : </p> .

Entre ses balises, on retrouve le contenu du paragraphe :

<p>Contenu du paragraphe</p>

Certaines balises n'ont aucun contenu. Elles sont appelées autofermantes. C'est par exemple le cas de <hr> (séparation horizontale) ou de <br> (retour à la ligne).

Attributs

Les attributs servent à spécifier le comportement des balises HTML. Un élément peut avoir zéro ou plusieurs attributs qui sont soit communs à tous les éléments HTML, soit propres à cet élément.

Par exemple, un lien hypertexte va utiliser l'attribut href pour indiquer l'adresse de la ressource visée :

<a href="www.unistra.fr">Site institutionnel de l'université de Strasbourg</a>

Plusieurs attributs peuvent être utilisés, ils seront séparés par des espaces :

<img src="http://www.unistra.fr/fileadmin/templates/unistra-v2/images/logo.png"
	alt="logo de l'Université de Strasbourg">

Imbrication

Les éléments peuvent se suivre (plusieurs paragraphes successifs) ou s'imbriquer, créent une hiérarchie dans le document (plusieurs paragraphes au sein d'une même section). On parle alors de relations de parenté avec les notions d'éléments parents ou enfants.

Les règles d'imbrications définissent strictements quels éléments peuvent en contenir d'autres. Ceci a un impact sur la signification du contenu ainsi imbriqués mais aussi au niveau de l'affichage.

Le document HTML est composé des éléments :

Doctype

Définition du type de document.

Par exemple, on peut retrouver les définitions suivantes : XHTML HTML 5

Balise html

Balise principale qui englobe tout le contenu. Les attributs liés diffèrent selon le doctype.

Entête head

Méta données interprêtées par le navigateur (notamment title ou meta

Corps body

Contenu de la page web, composé de balises HTML et de contenu textuel.

Commentaires

<!-- Ceci est un commentaire -->