Balises HTML de bases

<?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">