Rappel : XHTML

ExempleCorps

1
<html xmlns="http://www.w3.org/1999/xhtml">
2
    <head>
3
        <title>Exemple de fichier XHTML</title>
4
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5
    </head>
6
    <body>
7
        <p>Hello world !</p>
8
    </body>
9
</html>

DéfinitionHTML

HTML[1] est un langage inventé à partir de 1989 pour coder des pages de contenu sur le Web. Il est standardisé par le W3C[2].

DéfinitionLangage à balises

HTML est un langage à balises : il se fonde sur le mélange entre du contenu et des balises permettant de caractériser ce contenu. HTML utilise le formalisme SGML[3] pour définir les balises et combinaisons de balises autorisées.

ExempleExtrait de code HTML

1
<p>Ceci est un contenu, caractérisé par des <b>balises</b></p>

Les balises p et b ont une signification dans le langage HTML : Créer un paragraphe et mettre en gras.

SyntaxeStructure générale

1
<html xmlns="http://www.w3.org/1999/xhtml">
2
    <head> ... </head>
3
    <body> ... </body>
4
</html>

SyntaxeEntête

1
<html xmlns="http://www.w3.org/1999/xhtml">
2
    <head>
3
        <title>...</title>
4
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
5
    </head>
6
    <body> ... </body>
7
</html>

SyntaxeCorps

1
<html xmlns="http://www.w3.org/1999/xhtml">
2
    <head>
3
        <title>...</title>
4
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5
    </head>
6
    <body>
7
        <h1>...</h1>
8
        <h2>...</h2>
9
        <p>...</p>
10
    </body>
11
</html>

Syntaxe

1
<p>Un paragraphe de texte</p>
2
<p>Paragraphe contenant du texte, mot <b>gras</g> ou <i>italique</i>.</p>
3
<p><a href="page02.html">Un lien</a> vers une autre page</p>
4
<img src="img.png" alt="une image"/>
5
<h1>Titre de niveau 1</h1>
6
<h2>Titre de niveau 2</h2>
7
<h3>Titre de niveau 3</h3>
8
<table border="1">
9
 <tr><th>Titre colonne 1  </th><th>Titre colonne 2  </th><th>...</th></tr>
10
 <tr><td>Ligne 1 colonne 1</td><td>Ligne 1 colonne 2</td><td>...</td></tr>
11
 <tr><td>Ligne 2 colonne 1</td><td>Ligne 2 colonne 2</td><td>...</td></tr>
12
</table>
13
<ul>
14
 <li>Item de liste à puce</li>
15
 <li>Item de liste à puce</li>
16
</ul>
17
<ol>
18
 <li>Item de liste à ordonnée</li>
19
 <li>Item de liste à ordonnée</li>
20
</ol>

Complément

developer.mozilla.org : Les bases du HTMLL