<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml10/DTD/xhtml10-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>Titre</title>
</head>
<body>
.
.
</body>
</html>
Paragraphes simples
<p>...</p> : paragraphe simple.
<h1>...</h1>
<h6>...</h6> : des titres prédéfinis
Listes:
Liste ordonnée:
<ol>
<li>...</li>
<li>...</li>
</ol>
Liste non ordonnée
<ul>
<li>...</li>
<li>...</li>
</ul>
Pour mettre un retrait, on met:
<blockquote>
<ul> ou <ol>
</ul> ou </ol>
</blockquote>
Tableaux
<table width="...%">
<tr>
<td ou th > td= une case normale.
. th= une case en gras
.
</td ou th>
<td ou th>
.
</td ou th>
</tr>
<tr>
..
</tr>
</table>
Pour insérer une image
• <img src="/adresse" alt="description"/>
Pour mettre un lien hypertexte
• <a href="/adresse">....</a>
Isole une partie du texte, pour lui appliquer un style différent
• <span> ...</span>
Pour mettre en gras, italique, ou souligné
<b>...</b>
<i>...</i>
<ins>...</ins>
Retour à la ligne
• <br/>
Généralités sur la page
<BODY BACKGROUND="PAPER.gif">
Couleur de texte <BODY TEXT="#$$$$$$">
Couleur de lien <BODY LINK="#$$$$$$>
Lien visité <BODY VLINK="#$$$$$$>
Lien actif <BODY ALINK="#$$$$$$>
<BODY BGCOLOR="#000088">
Ligne
Epaisseur <HR size=?> en pixels
Largeur <HR width=?>en pixels
<HR width="%"> en % de la fenêtre
<HR align=left>
<HR align=right>
<HR align=center>
Mettre les caractères en forme
<FONT color="#XXXXXX">
...</FONT> Texte en couleur où
XXXXXX est une valeur hexadécimale
<FONT size=X>...</FONT> Taille des caractères où
X est une valeur de 1 à 7
<I>...</I> Texte en italique
<U>...</U> Texte souligné
Mettre le texte en forme
<!--...--> Commentaire ignoré par le navigateur
<BR> A la ligne
<BLOCKQUOTE>...
</BLOCKQUOTE> Citation (introduit un retrait du texte)
<CENTER>...</CENTER> Centre tout élément compris dans le tag
Titre où x a une valeur de 1 à 6
<Hx>...</Hx>
<Hx align=center>...</Hx>Titre centré
<Hx align=left>...</Hx>Titre aligné à gauche
<Hx align=right>...</Hx> Titre aligné à droite
Nouveau paragraphe
<P>...</P>
<P align=center>...</P>
<P align=left>...</P>
<P align=right>...</P>
Ligne de séparation
<HR> Trait horizontal (centré par défaut)
Hyperliens
<body ... link=color > Fixe la couleur des liens (à placer dans la balise body)
<body ... vlink=color > Fixe la couleur des liens visités (toujours dans body)
<A href="http://... ">...</A> Lien vers une page Web
<A href="mailto:...">...</A> Lien vers une adresse eMail
<A href="/fichier.html">...</A> Lien vers la page locale fichier.html située dans le même répertoire
<A name="xyz">...</A> Définition d'une ancre
<A href="/fichier#xyz">...</A> Lien vers une ancre
Images
<IMG src="/xyz.gif">
<IMG src="/xyz.jpg"> Insertion d'une image au format Gif ou Jpg
<IMG ... width=x height=y> Mise à l'échelle de l'image en pixels
<IMG ... border=x> Définition de la bordure d'une image avec lien
<IMG ... alt="votre texte"> Texte alternatif lorsque l'image n'est pas affichée
<BODY ... bgcolor=couleur>Colorie le fond dans la couleur de votre choix
<BODY ... background="fichier.jpg ou .gif">Place l'image mentionnée comme fond de page
<BODY ... bgproperties="fixed">Fixe le fond de page tandis que le texte défilera par dessus
Tableau
<TABLE>...</TABLE> Définition d'un tableau
<TABLE width="x%"> Largeur du tableau en %
<TABLE width=x> Largeur du tableau en pixels
<TABLE border=x> Largeur de la bordure
<TABLE cellpadding=x> Espace entre la bordure et le texte
<TABLE cellspacing=x> Epaisseur du trait entre les cellules
<TR>...</TR> Ligne du tableau
<TD>...</TD> Cellule du tableau
<TD bgcolor="#XXXXXX"> Couleur d'une cellule de tableau
<TD width="x%">Largeur de colonne en %
<TD width=x> Largeur de colonne en pixels
<TD align=center> Texte dans la cellule centré
<TD align=left> Texte dans la cellule aligné à gauche
<TD align=right> Texte dans la cellule aligné à droite
Fichier Html
<HTML>...</HTML> Début et fin de fichier Html
<HEAD>...</HEAD> Zone d'en-tête d'un fichier Html
<TITLE>...</TITLE> Titre affiché par le browser (élément de HEAD)
<BODY>...</BODY> Début et fin du corps du fichier Html
<BODY bgcolor="#XXXXXX"> Couleur d'arrière-plan (en hexadécimal)
<BODY background="xyz.gif"> Image d'arrière-plan
Balises de référencement
<META TYPE="DESCRIPTION" VALUE="descrition de votre site"> Permet de décrire votre site au moteur de recherche. Ce sont ces quelques lignes qui apparaissent dans le résultat de la recherche.
<META TYPE="KEYWORDS" VALUE="motclé1, motclé2,..."> Permet de spécifier les mots-clés de votre page et de placer votre site en bonne place lors des recherches sur un thème donné.
<META TYPE="AUTHOR" VALUE="Nom de l'auteur"> Permet de spécifier le nom de l'auteur du document.
<META TYPE="GENERATOR" VALUE="nom du générateur">