Le HTML (HyperText Markup Language) est un langage de balisage utilisé pour structurer une page web et son contenu. Un document HTML est donc un simple fichier contenant du texte formatté avec des balises HTML.
Les balises et les attributs HTML n'existent pas de manière indépendante.
Nous les utilisons pour baliser/délimiter le contenu dans un document HTML.
La façon la plus simple de créer un document HTML est de créer un fichier texte.
Ces fichiers portent l'extension .html.
Vous pouvez ensuite charger le fichier dans un navigateur, soit directement à partir du disque, soit via un serveur web pour visualiser son contenu.
HTML vs XHTML
Le XHTML 1.0 est une transposition en syntaxe XML de HTML 4. La différence entre le HTML et le XHTML se situe uniquement au niveau de la syntaxe qui est plus souple en HTML.
La syntaxe HTML vous permet de créer des documents XML illicites.
En XHTML, vous exprimez votre contenu, les balises et attributs HTML d'une manière qui rend le XML valide et peut être facilement traité par un analyseur XML.
Ainsi, en XHTML :
- Toute balise ouvrante doit être fermée, et les balises dites «vides/auto-fermantes» sont écrites avec une barre oblique finale (exemple:
<br />).
- Les noms des balises et des attributs sont écrits en minuscules.
- le XHTML est sensible à la casse, contrairement au HTML qui n'est pas sensible à la casse.
- Les valeurs des attributs sont encadrés par des 'quotes' (apostrophes droites) ou des "double quotes" (guillemets droits).
- Chaque attribut doit avoir une valeur (pas d'attribut vide comme
checked, qui doit être écrit checked="checked").
Structure externe d'un document HTML
Il y a deux éléments qui fournissent la structure externe d'un document HTML :
- l'élément DOCTYPE
- l'élément html.
Voici la structure externe d'un document HTML.
<!DOCTYPE HTML>
<html>
<!-- les balises vont ici -->
</html>
L'élément DOCTYPE permet d'indiquer au navigateur qu'il s'agit d'un document HTML.
Ceci est exprimé par l'attribut HTML :
<!DOCTYPE HTML>
L'élément DOCTYPE est suivi de la balise ouvrante (<html>) de l'élément html.
Cela indique au navigateur que le contenu de l'élément doit être traité comme du HTML jusqu'à la balise fermante (</html>) de l'élément html.
Les métadonnées
La région des métadonnées d'un document HTML fournit au navigateur des informations sur votre document.
Les métadonnées sont contenues dans un élément head.
<!DOCTYPE HTML>
<html>
<head>
<!-- les métadonnées vont ici -->
<title>Titre du document</title>
</head>
</html>
Dans le code ci-dessus, nous avons fourni la quantité minimale de métadonnées, à savoir l'élément title, c'est-à-dire le titre du document.
Tous les documents HTML sont censés contenir un élément title.
La plupart des navigateurs affichent le contenu de l'élément title dans la barre de menu de la fenêtre du navigateur ou en haut de l'onglet qui affiche la page.
Les commentaires
Pour créer des commentaires dans un document HTML, commencez par la balise <!-- et terminez par -->.
Le navigateur ignorera tout ce que vous mettez à l'intérieur de ces balises.
<!-- Voici un commentaire -->
Contenu d'un document HTML
Le contenu affichable du document se trouve dans un élément body.
<!DOCTYPE HTML>
<html>
<head>
<!-- les métadonnées vont ici -->
<title>Titre du document</title>
</head>
<body>
<!-- le contenu du document et les balises vont ici -->
J'aime la <strong>Programmation Web</strong>.
</body>
</html>
L'élément body indique au navigateur quelle partie du document doit être affichée à l'utilisateur.
Avec l'ajout de l'élément body, vous avez le squelette d'un document HTML.
