Toutes les balises sont compatibles avec la norme (x)HTML 1.0
Sommaire [masquer]
1 Redirection de page
2 Page basique en xHTML
3 Commentaire
4 Balises génériques
5 Formatage de texte
6 Liens
6.1 Ancres
7 Images
8 Tableaux
9 Listes
10 Formulaire
Redirection de page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="refresh" content="1; url=http://URL_de_votre_site" />
<title>Titre de votre page</title>
</head>
<body>
<p>
Votre message lors de la redirection.
</p>
</body>
</html>
La valeur de l'attribut content (qui est à 1), indique le temps en seconde(s) qui doit s'écouler entre le moment où le visiteur affiche la page et le moment où la redirection sera effectuée.
Page basique en xHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Titre de votre page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
</body>
</html>
Commentaire
<!-- votre commentaire comme ceci -->
Balises génériques
<div></div>
<span></span>
Formatage de texte
<p></p> : Création d'un paragraphe type inline (+ saut de signe à chaque nouveau paragraphe)
<p>Affichage texte</p>
<p>Ceci est un paragraphe</p>
<acronym></acronym> : Ajouter un acronyme
<acronym title ="Société nationale des chemins de fer français">S.
<blockquote></blockquote> : Citation avec un mis en retrait
<blockquote>Citation d'un texte</blockquote>
<br /> : Saut à la ligne
<p>
Ceci est un texte <br />
Avec saut à la ligne
</p>
<h1></h1> à <h6></h6> : Afficher un titre
<h1>Mon titre</h1>
<sup></sup> : Mis en exposant
La valeur de la variable est de 2,65<sup>12</sup>
<sup></sub> : Mis en indice
Soit x<sub>1</sub> un entier naturel
<ins></ins> : Texte souligné
<ins>Ceci est un texte souligné</ins>
<del></del> : Texte barré
<del>Mon texte s'est barré</del>
<b></b> : Texte en gras (style)
Les balises 'b' n'ont <b>aucune valeur sémantique</b>
<strong></strong> : Mise en évidence (sémantique)
Strong <strong>possède une valeur sémantique</strong> en plus de mettre en évidence le texte
<i></i> : Texte en italique (style)
Les balises 'i' ne valent rien <i>sémantiquement parlant</i>
<em></em> : Texte en italique (sémantique)
<em>Ne pas confondre avec l'unité de taille de la police</em>
<address></address> : Texte en italique (pour indiquer une adresse)
<address>
32 Rue du Trou Noir<br />
3ème planète en partant de la gauche<br />
Galaxie 256<br />
Univers 11<br />
</address>
<kbd></kbd> : Indique à l'utilisateur une saisie de clavier (désuet)
<kbd>What the fuck ?</kbd>
<pre></pre> : Pour l'affichage de code
<pre>cout<<"Helloworld !"<<endl;
Liens
<a></a> : Insère un lien hypertexte
<a href="http://url_de_mon_site>;Nom de mon lien</a>
Ancres
<a href="#ancre">Nom du lien</a>
<span id="ancre">Mon élément ancré</span>
Images
<img/> : Insérer une image
<img src="url_image' alt="Mon image" />
Tableaux
<table></table> : Balise obligatoire avant toute création de tableau
<tr></tr> : Ajout d'une ligne
<td></td> : Ajout d'une cellule
<caption></caption> : Donne un titre au tableau
Listes
<ul></ul> : Balise obligatoire pour liste avec puce simple
<ol></ol> : Balise obligatoire pour liste avec puce numérotée
<li></li> : Ajout d'une ligne dans la liste
<dl></dl> : Balise obligatoire pour une liste de définitions
<dd></dd> : Ajout élément
<dt></dt> : Ajout définition de l'élément
Formulaire
<form></form> : Balise obligatoire pour faire un formulaire
<fieldset></fieldset> : Permet de séparer le formulaire en sous partie
<legend></legend> : Titre d'une sous partie
<label></label> : Identifie un élément du formulaire
<input/> : Crée un élément dans le formulaire
<select></select> : Balise obligatoire pour liste déroulante
<option></option> : Insère un choix dans la liste déroulante
<optgroup></optgroup> : Sépare les éléments de la liste en catégorie