Les balises HTML

`!DOCTYPE`

Fonction

définit le type du document

Commentaire

obligatoire

Emplacement

en début de document
avant l'élément <html>

Fermeture

[sans]

Exemples

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
indique qu'il s'agit d'un document html destiné à l'internet et écrit dans un code html respectant la norme définie par le W3C.

<!DOCTYPE html SYSTEM "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
indique qu'il s'agit d'un document html destiné à un odinateur local et écrit dans un code html respectant la norme définie par le W3C.

`base`

en préparation

`body`

Fonction

définit le corps du document

Commentaire

obligatoire

Emplacement

dans le contenu de la balise <html>
après l'en-tête du document (<head>)

Fermeture

</body>

Contenu

[contenu de la page]

Attributs

facultatifs		déconseillés	propriétaires
`bgcolor` `class` `dir` `id` `lang` `onclick` `ondblclick` `onkeydown` `onkeypress` `onkeyup`	`onload` `onmousedown` `onmousemove` `onmouseout` `onmouseover` `onmouseup` `onunload` `style` `title`	`alink` `background` `link` `text` `vlink`	`bgproperties` `leftmargin` `topmargin`

`head`

Fonction

définit l'en-tête du document

Commentaire

obligatoire

Emplacement

dans le contenu de la balise <html>
avant le corps du document (<body>)

Fermeture

</head>

Contenu

obligatoire	recommandé	facultatif
`<title>`	`<link>`	`<base>` `<meta>`

Attributs

facultatifs

dir
lang
profile

`html`

Fonction

délimite un document html

Commentaire

obligatoire

Emplacement

après la balise <!DOCTYPE>

Fermeture

</html>

Contenu

<head>
<body>

Attributs

recommandés	déconseillé
`dir` `lang`	`version`

Exemple

<html dir="ltr" lang="en">
indique que la langue générale du document est l'anglais et que les caractères doivent être affichés de gauche à droite.

`link`

Fonction

définit la relation entre le document courant et un autre document

Emplacement

dans l'en-tête du document (<head>)

Fermeture

<link [...] />
(</link> est valide aussi, mais moins esthétique)

Contenu

[sans]

Attributs

charset
class
dir
href
hreflang
id
lang
media onclick
ondblclick
onkeydown
onkeypress
onkeyup
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup rel
rev
style
target
title
type

Exemples

Si le document courant est page_3.html

<link rel="parent" rev="child" href="../menu.html" />
indique que menu.html est le document parent de page_3.html et que ce dernier est un fils du document menu.html

<link rel="prev" rev="next" href="page_2" />
indique que le document page_2.html précède le document page_3.html et que ce dernier suit le document page_2.html

<link rel="next" rev="prev" href="page_4" />
indique que le document page_4.html suit le document page_3.html et que ce dernier précède le document page_4.html

`meta`

Fonction

fournit des informations sur le document

Emplacement

dans l'en-tête du document (<head>)

Fermeture

<meta [...] />
(</meta> est valide aussi, mais moins esthétique)

Contenu

[sans]

Attributs

facultatifs	propriétaire
`content` `dir` `http-equiv` `lang` `name` `scheme`	`charset` (balise Internet Explorer, utiliser plutôt `http-equiv`)

Exemples

<meta name="author" content="[nom de l'auteur de la page]" />
<meta name="date" content="2001.09.25" />
<meta name="keywords" content="web, html, langage, balise, attribut" />
<meta name="description" content="Cours de HTML." />
<meta name="robot" content="index, follow" />
<meta http-equiv="charset" content="iso-8859-1" />

`title`

Fonction définit le titre du document	Commentaire obligatoire	Emplacement dans l'en-tête du document (`<head>`)
Fermeture `</title>`	Contenu [texte normal]	Attributs `dir` `lang`
Exemple `<title>Le langage HTML - table des matières</title>`