Format Imprimable de [ HTML - Structure_page

www.webelix.net

[ HTML ]

Structure d'une page HTML

Thème

Réaliser manuellement une page HTML simple : structure de base, titres, paragraphes, ligne de séparation horizontale...

Balises

Structure de la page avec titre :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

La déclaration ci-dessus spécifie la version HTML utilisée. Pour la norme HTML 4.01, on distingue les 3 DTD's suivantes (Document Type Definition, documents XML du W3C définissant les différentes balises et leur fonctionnement) :
- Strict : n'autorise que les balises non dépréciées
- Transitional : idem à Strict plus balises/attributs dépréciés en faveur de CSS
- Frameset : idem à Transitional plus balises relatives aux frames

<html>
<head>
	<title> titre </title>

<!--(cf. ex. sur attributs de page)-->
{ <meta name="..." ou http-equiv="..." puis content="..."> }
<!--(spécification du type de document (HTML) et du jeu de car. utilisé (iso-latin-1) )-->
{ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> }
<!--(cf. ex. sur les liens)-->
{ <base href="URL" target="target name"> }

<!--définitions de styles-->
{ <style type="text/css">
  </style> }
ou
{ <link rel="stylesheet" href="URL stylesheet" type="text/css"> }

<!-- script //-->
{ <script language="JavaScript"></script> }
ou
{ <script src="URL javascript.js"></script> }
</head>

<body éventuels attributs...>

	corps de la page ...

</body>
</html>

Titres dans le document :

<h1 align="left,right,center"> titre 1er niveau </h1>
<h2 align="left,right,center"> titre 2e niveau </h2>
<h3 align="left,right,center"> titre 3e niveau </h3>
<h4 align="left,right,center"> titre 4e niveau </h4>
<h5 align="left,right,center"> titre 5e niveau </h5>
<h6 align="left,right,center"> titre 6e niveau </h6>

Trait horizontal :

<hr width="pixels ou %" size="pixels" align="left,right,center" {NOSHADE}>

Centrage :
```
<center>
```

Saut de ligne :
```
<br>
```
Saut de paragraphe :
```
<p> paragraphe </p>
```

Texte qui reste sur une seule ligne :

<nobr> ce texte se sera jamais wrapé sur plusieurs lignes </nobr>

Commentaire HTML :
```

```