Réaliser manuellement une page HTML simple : structure de base, titres, paragraphes, ligne de séparation horizontale...
<!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>
<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>
<hr width="pixels ou %" size="pixels" align="left,right,center" {NOSHADE}>
<center>
<br>
<p> paragraphe </p>
<nobr> ce texte se sera jamais wrapé sur plusieurs lignes </nobr>
<!-- commentaire -->