Mise en valeur

DéfinitionAbréviation

abbr

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
Balise <abbr title="HyperText Markup Language">HTML</abbr>
Balise <abbr title="HyperText Markup Language">HTML</abbr>
Balise HTML
Balise abbr

DéfinitionExposant, Indice

sup, sub

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<p>E=mc<sup>2</sup> H<sub>2</sub>O</p>
<p>E=mc<sup>2</sup> H<sub>2</sub>O</p>

E=mc2 ; H2O

Interprétation de balises

DéfinitionImportant

Ces balises permettent de mettre en valeur une partie de texte que l'on considère comme importante.

strong : mise en valeur forte

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<p>Je suis du texte. <strong>je suis important</strong></p>
<p>Je suis du texte. <strong>je suis important</strong></p>

Je suis du texte. je suis important

Interprétation de balises

em : mise en valeur normal

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<p>Je suis du texte. <em>je suis important</em></p>
<p>Je suis du texte. <em>je suis important</em></p>

Je suis du texte. je suis important

Interprétation de balises

mark : attention particulière

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<p>Je suis du texte. <mark>j'attire l'attention</mark></p>
<p>Je suis du texte. <mark>j'attire l'attention</mark></p>

Je suis du texte. j'attire l'attention

Interprétation de balises

DéfinitionCitation

blockquote, cite : citation en bloc

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<blockquote cite="http://siteDeLaCitation.fr">
2
  <p>Je suis une citation</p>
3
</blockquote>
4
<cite>Auteur de la citation</cite>
<blockquote cite="http://siteDeLaCitation.fr">
  <p>Je suis une citation</p>
</blockquote>
<cite>Auteur de la citation</cite>

Je suis une citation

Auteur de la citation
Balises blockquote et cite

q : citation inline

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<p>Comme le dit
2
  <cite>Auteur de la citation</cite>
3
  <q cite="http://siteDeLaCitation.fr">Je suis une citation</q>
4
</p>
<p>Comme le dit
  <cite>Auteur de la citation</cite>
  <q cite="http://siteDeLaCitation.fr">Je suis une citation</q>
</p>

Comme le dit Auteur de la citation Je suis une citation

Balises cite et q

DéfinitionTexte préformaté

Pour afficher du texte préformaté, on utilise la balise <pre>.

Contrairement aux autres balises, les espaces et les passages à la ligne tapés dans le HTML sont affichés.

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<pre>
2
texte     texte
3
  texte   texte
4
</pre>
<pre>
texte     texte
  texte   texte
</pre>
texte texte texte texte
Interprétation de balises

Pour du code informatique on peut ajouter la balise <code>.

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
Code JavaScript
2
<pre><code>
3
var a=3;
4
a = a + 5;
5
console.log(a);
6
</code></pre>
7
C'était du JavaScript
Code JavaScript
<pre><code>
var a=3;
a = a + 5;
console.log(a);
</code></pre>
C'était du JavaScript
Code JavaScript 
 var a=3; a = a + 5; console.log(a);
C'était du JavaScript
Balise pre et code

DéfinitionAdresse, Date

adress

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<address>
2
  Nom Prenom<br/>
3
  123 rue du haut<br/>
4
  Ville<br/>
5
  France<br/>
6
</address>
<address>
  Nom Prenom<br/>
  123 rue du haut<br/>
  Ville<br/>
  France<br/>
</address>
Nom Prenom

123 rue du haut

Ville

France

Balise adress

time

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
<p>Date de naissance <time datetime="1970-10-09">le 9 Octobre 1970</time></p>
<p>Date de naissance <time datetime="1970-10-09">le 9 Octobre 1970</time></p>

Date de naissance

Interprétation de balises