« Le langage HTML/Structure de base d'un document HTML » : différence entre les versions
Contenu supprimé Contenu ajouté
m - de, because of dead link; fix nl |
Aucun résumé des modifications |
||
Ligne 49 :
== La page minimale ==
<pre><nowiki>
Ligne 68 :
Vous le savez, on en a parlé en long en large et travers dans l'introduction, il existe plusieurs version du HTML et avec ça plusieurs variantes. On a aussi dit qu'une fois la version (et le cas échéant la variantes) choisie, il fallait s'y tenir. Mais pour savoir si vous respectez bien les règles d'une certaines version, il faut dire la version que vous utilisez ! C'est à ça que sert la première ligne. Elle paraît barbare mais ne vous inquiétez pas, vous n'aurez pas à l'apprendre par coeur (franchement je me demande si quelqu'un la connaît). Cette première balise donc est la ''déclaration de type document'' (appelée couramment ''doctype''). Dans le cas présent, on devine facilement qu'il s'agit du XHTML 1.0 Strict.
Vous avez si dessous une liste des Doctype les plus utilisées que vous pouvez directement copier / coller.
==== Importance du DOCTYPE ====
Sans un DOCTYPE, vous ne pourrez pas faire passer votre page par un validateur.▼
Vous avez sûrement remarqué qu'il n'y a pas de / final, alors que c'est une balise "toute seule". Et bien il ne faut pas en mettre ''même en XHTML''. C'est la seule exception à la règle.▼
==== Les trois variantes du HTML 4.01 ====
<pre>
Ligne 88 ⟶ 92 :
==== Les trois variantes du XHTML 1.0 ====
<pre>
Ligne 104 ⟶ 108 :
</pre>
==== Le XHTML 1.1 (qui n'a pas de variantes) ====
<pre>
Ligne 113 ⟶ 117 :
</pre>
===
Nous retrouvons ici notre exemple du haut de page, pour en expliquer les principales balises.
▲Sans un DOCTYPE, vous ne pourrez pas faire passer votre page par un validateur.
<pre><nowiki>
▲Vous avez sûrement remarqué qu'il n'y a pas de / final, alors que c'est une balise "toute seule". Et bien il ne faut pas en mettre ''même en XHTML''. C'est la seule exception à la règle.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Titre affiché dans la barre de titre du navigateur</title>
</head>
<body>
<!--C'est ici que vous mettrez votre contenu !-->
</body>
</html>
</nowiki></pre>
==== La balise <code><nowiki><html></nowiki></code> ====
Là on entre dans le vif du sujet, les balises, les vrai de vrai.
Ligne 131 ⟶ 146 :
L'en-tête des documents HTML est l'objet du chapitre [[Programmation HTML l'en-tête|l'en-tête]].
L'en-tête contient un élément obligatoire : <code>title</code> qui indique le titre de la page. C'est le titre qui s'affiche en suite en haut de la fenêtre du navigateur.
Ligne 143 ⟶ 158 :
Tout le corps de notre documemt est dans la partie <code>body</code>. Elle comprend donc le texte, les liens, la référence des images et tout ce qu'un auteur peut vouloir mettre dans un document HTML.
==== Les commentaires ====
Les commentaires sont du texte écrit dans le code HTML qui n'est pas visible dans le rendu de la page. Les commentaires jouent habituellement le rôle de notes pour expliquer ce qui a été fait dans la page, ou bien tout simplement pour indiquer des modifications à faire ultérieurement. Ils sont biens sûr facultatifs, mais ils peuvent vous être utiles !
Ligne 152 ⟶ 167 :
== Conclusion ==
Dans cette partie vous avez appris vos première vrai balises. Elles sont importantes car elles doivent toujours être présentes (en dehors des balises de commentaires, qui sont uniquement là à titre de... commentaires).
Dans le chapitre suivant, on va remplir un peu le corps !
| |||