Squelette d'un document

HTML 4.0 : quelques squelettes de documents

Voici des squelettes standards de documents HTML. Pour débuter un nouveau document HTML, sélectionnez avec la souris l'encadré correspondant à celui de votre choix recopiez-le (menu édition/copier), et collez le dans un nouveau document de votre éditeur de textes préféré.

Sommaire

  1. Squelette simple
  2. Squelette avec feuille de style (1)
    La feuille de style est intégrée à l'entête du document HTML
  3. Squelette avec feuille de style (2)
    La feuille de style devra être placée dans un fichier séparé
  4. Squelette avec cadres (frames)

Squelette simple

Le premier est le squelette minimal d'un document HTML. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
   "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>

<HEAD>
<TITLE>Placez ici le nom de la page</TITLE>
</HEAD>

<BODY>
<H1>Remplacez ceci par votre titre principal</H1>
<P>Ici, vous pouvez commencer le premier paragraphe...

</BODY>

</HTML>

Squelette avec feuille de style (1)

Voici le même avec une feuille de style intégrée dans l'entête. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
   "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>

<HEAD>
<TITLE>Placez ici le nom de la page</TITLE>
<STYLE type="text/css"><!--
Placez ici vos règles de style...
--></STYLE>
</HEAD>

<BODY>
<H1>Remplacez ceci par votre titre principal</H1>
<P>Ici, vous pouvez commencer le premier paragraphe...

</BODY>

</HTML>

Squelette avec feuille de style (2)

En voici un autre qui appelle une feuille de style placée dans un fichier "monstyle.css". N'oubliez pas de modifier le nom du fichier de style ! 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
   "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>

<HEAD>
<TITLE>Placez ici le nom de la page</TITLE>
<LINK rel=STYLESHEET href="monstyle.css" type="text/css">
</HEAD>

<BODY>
<H1>Remplacez ceci par votre titre principal</H1>
<P>Ici, vous pouvez commencer le premier paragraphe...

</BODY>

</HTML>

Squelette avec cadres (frames)

Enfin, voici un document comportant des cadres. Il vaut mieux choisir entre lignes et colonnes (cols ou rows) et n'oubliez les noms de fichiers et les noms de cadres (name=). 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"
   "http://www.w3.org/TR/REC-html40/frameset.dtd">
<HTML>
<HEAD>
<TITLE>Titre du document</TITLE>
</HEAD>

<FRAMESET rows="*,*" cols="*,*">

<FRAME src=URLcadre1.html name=NomDuCadre1>
<FRAME src=URLcadre2.html name=NomDuCadre2>
...

<NOFRAME>
<BODY>
...Contenu à afficher dans un navigateur ne supportant pas les cadres
...Par exemple, une liste de liens vers les contenus des différents cadres
<ul>
<li><a HREF="URLcadre1.html">Vers le premier cadre</a>
<li><a href="URLcadre2.html">Vers le cadre suivant</a>
...
</ul>
</BODY>
</NOFRAME>

</FRAMESET>

</HTML>
Dominique Archambault, [ Cours HTML ], 1998