!-- Voici la structure de base d'un document au format HTML --!
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
votre contenu...
</BODY>
</HTML>
A NOTER : toutes les balises <> se referment avec un "/"
!-- Le document HTML commence ici --!
<HTML>
!-- Ici, une déclaration de titre pour la page
--!
<HEAD> <TITLE>Votre titre de page ici</TITLE> </HEAD>
!-- Et le début du corps de la page --!
<BODY>
Tous les éléments contituant le contenu visible de la page se
situent à l'intérieur de la balise <Body> : le texte, les
images, les animations...
!-- Pour insérer les titres, sous-titres...
<H1>,<H2>,<H3>,<H4>,<H5>,<H6> --!
<H1> et le plus grand format et <H6> le plus petit
<H1>niveau one header </H1>
<H2>niveau two header </H2>
<H3>niveau three header </H3>
<H4>niveau four header </H4>
<H5>niveau five header </H5>
<H6>niveau six header </H6>
Ce qui donne ceci :
Premier niveau - l'en-tête
Second niveau - Un sous-titre
Troisième niveau - Une rubrique
Quatrième niveau - Une sous-rubrique
Cinquième niveau - Une section
Sixième niveau - Une sous-section
!-- Pour mettre du texte en gras --!
un texte normal...
<B>les balises requises</B>
Voici le texte en gras
!-- Pour mettre du texte en italique--!
un texte normal...
<I>les balises requises</I>
Voici le texte en en italique
!-- Pour centrer le texte ou une image --!
<CENTER><H1>Le texte que vous souhaitez centrer</H1></CENTER>
Ce qui donne ceci :
Le texte que vous souhaitez centrer
!-- Insertion d'une image dans la page --!
Ce qui donne ceci :
<IMG SRC="mon-logo.jpg">
!-- Pour ajouter un lien hypertexte--!
<A HREF="index.html">Retour à la page d'accueil</A>
Ce qui donne ceci :
Retour à la page d'accueil
!-- Une ligne de séparation --!
Pour faire des séparation entre vos paragraphes, vous pouvez utiliser le balise
<HR> qui génère une ligne horizontale sur toute la largeur de la page.
Attention, elle s'insère seul, sans balise de fermeture.
Ce qui donne ceci :
Vous pouvez l'agrémenter de divers attributs :
<hr size=10 align=left NOSHADE width=50%>
Ce qui donne ceci :
!- Les listes à puce --!
Vous pouvez créer des listes précédées de puce avec les balises <ul> et <li>.
<ul>
<li>Texte 1</li>
<li>Texte 2</li>
<li>Texte 3</li>
</ul>
Ce qui donne ceci :
!-- Listes numérotées --!
Vous pouvez créer des listes numérotées avec les balises <ol> et <li>..
<ol>
<li>Texte 1</li>
<li>Texte 2</li>
<li>Texte 3</li>
</ol>
Ce qui donne ceci :
- Texte 1
- Texte 2
- Texte 3
!- A la fin de votre page, vous devez refermer les balises
de pages --!
</BODY>
</HTML>
|
