Balises de structure

Syntaxe Résultat Description

<h1>Titre 1</h1>

Titre 1

Titre 1 (header)

<h2>Titre 2</h2>

Titre 2

Titre 2 (header)

<h3>Titre 3</h3>

Titre 3

Titre 3 (header)

<h4>Titre 4</h4>

Titre 4

Titre 4 (header)

<p>Paragraphe</p>

Paragraphe

Balises de style

<b>Gras</b> Gras Gras (bold)

<big>Big</big> Big Big

<small>Small</small> Small Small

<i>Italique</i> Italique Italique

<u>Souligné</u> Souligné Souligné (underline)

<s>Strike</s> ~~Strike~~ Barré (Strike)

<cite>Citation</cite> Citation Citation

<code>Script</code> Script Code

<tt>Teletype</tt> Teletype Teletype

<sub>Sub</sub> _Sub Indice (subscript)

<sup>Sup</sup> ^Sup Exposant (supscript)

<samp>Samp</samp> Samp Exemple (sample)

Balises diverses

  Espacement insécable

<br> Saut de ligne

<hr>

Trait horizontal

<center>texte</center> texte Centrer un texte

<abbr title='Taxe sur Valeur Ajoutée'>T.V.A.</abbr> T.V.A. Abrégé (la définition est précisée dans l'attribut title)

<acronym title='As Soon As Possible'>ASAP</acronym> ASAP Acronyme (la définition est précisée dans l'attribut title)

<q>texte</q> texte Mettre du texte entre guillement (Quoted)

<img src="./img/logo.gif" alt="Logo d'Optium"> Image :
- src : chemin et nom du fichier image
- alt : texte alternatif décrivant l'image (apparait dans une bulle)

<ul>
<li>opt 1</li>
<li>opt 2</li>
</ul>

opt 1
opt 2

Liste à puces :
- <ul>...</ul> : déclaration d'une liste (unordered)
- <li>...</li> : déclaration d'un item de liste

<ol>
<li>opt 1</li>
<li>opt 2</li>
</ol>

opt 1
opt 2

Liste à puces numérotées :
- <ol>...</ol> : déclaration d'une liste (ordered)
- <li>...</li> : déclaration d'un item de liste

<table border=1>
<tr>
<th>entete col 1</th>
<th>entete col 2</th>
</tr>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
</table>

entete col 1	entete col 2
cell 1	cell 2

Tableau :
- <table>...</table> : déclaration d'un tableau (où border=1 indique que les bords du tableau feront 1 de large)
- <tr>...</tr> : déclaration d'un ligne
- <th>...</th> : déclaration d'une entête de colonne
- <td>...</td> : déclaration d'une colonne

<table border=1>
<tr>
<td> </td>
<th>entete col 1</th>
<th>entete col 2</th>
</tr>
<tr>
<th>entete row 1</th>
<td>bla bla</td>
<td>bla bla</td>
</tr>
<tr>
<th>entete row 2</th>
<td>bla bla</td>
<td>bla bla</td>
</tr>
</table>

	entete col 1	entete col 2
entete row 1	bla bla	bla bla
entete row 2	bla bla	bla bla

Tableau (exemple 2):
- <table>...</table> : déclaration d'un tableau
- <tr>...</tr> : déclaration d'un ligne
- <th>...</th> : déclaration d'une entête de colonne
- <td>...</td> : déclaration d'une colonne