Balise H1

Balise H2

Balise H3

Balise H4

Balise H5

Balise H6

Code utilisé :


<h1>Balise H1</h1>
<h2>Balise H2</h2>
<h3>Balise H3</h3>
<h4>Balise H4</h4>
<h5>Balise H5</h5>
<h6>Balise H6</h6>

Balise H1 (Dans une balise SECTION)

Balise H2 (Dans une balise SECTION)

Balise H3 (Dans une balise SECTION)

Balise H4 (Dans une balise SECTION)

Balise H5 (Dans une balise SECTION)

Balise H6 (Dans une balise SECTION)

Code utilisé :


<section>
    <h1>Balise H1 (Dans une balise SECTION)</h1>
    <h2>Balise H2 (Dans une balise SECTION)</h2>
    <h3>Balise H3 (Dans une balise SECTION)</h3>
    <h4>Balise H4 (Dans une balise SECTION)</h4>
    <h5>Balise H5 (Dans une balise SECTION)</h5>
    <h6>Balise H6 (Dans une balise SECTION)</h6>
</section>

Balise H1 (Dans une balise ARTICLE)

Balise H2 (Dans une balise ARTICLE)

Balise H3 (Dans une balise ARTICLE)

Balise H4 (Dans une balise ARTICLE)

Balise H5 (Dans une balise ARTICLE)

Balise H6 (Dans une balise ARTICLE)

Code utilisé :


<article>
    <h1>Balise H1 (Dans une balise ARTICLE)</h1>
    <h2>Balise H2 (Dans une balise ARTICLE)</h2>
    <h3>Balise H3 (Dans une balise ARTICLE)</h3>
    <h4>Balise H4 (Dans une balise ARTICLE)</h4>
    <h5>Balise H5 (Dans une balise ARTICLE)</h5>
    <h6>Balise H6 (Dans une balise ARTICLE)</h6>
</article>

Balise H1 (Dans une balise HGROUP)

Balise H2 (Dans une balise HGROUP)

Code utilisé :


<header>
    <hgroup>
        <h1>Balise H1 (Dans une balise HGROUP)</h1>
        <h2>Balise H2 (Dans une balise HGROUP)</h2>
    </hgroup>
    <nav>
        <ul>
            <li><a href="#">Liste de navigation #1 (Dans une balise NAV -> UL -> LI)</a></li>
            <li><a href="#">Liste de navigation #2 (Dans une balise NAV -> UL -> LI)</a></li>
            <li><a href="#">Liste de navigation #3 (Dans une balise NAV -> UL -> LI)</a></li>
        </ul>
    </nav>
</header>

Paragraphes

1er paragraphe : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

2eme paragraphe : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Addresse: rue n° CP Ville Pays

Code utilisé :


<h1>Eléments de texte</h1>

<p hidden>Ce paragraphe est invisible sauf sous IE6</p>
<p>1er paragraphe : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>2eme paragraphe : Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<address>Addresse: rue n° CP Ville Pays</address>
</p>

Les balises agissant sur le texte

La balise a : Liens vers page, fichier, mail
La balise abbr : exemple : KG
La balise acronym : exemple : W3C
La balise b : Mise en "bold" (gras) d'un élément
La balise bdo : Direction du texte
La balise big : Augmente la taille de l'élément encore encore
La balise cite : une citation
La balise code : du code machine
La balise del : ~~un élément supprimé~~
La balise dfn : une définition ou une définition avec un titre
La balise em : emphase
La balise i : italic
La balise img :
La balise ins : insertion d'un élément
La balise kbd : élément keyboard
La balise mark : marquage d'un élément
La balise q : quote pour une citation
La balise s : ~~élément strike~~
La balise samp : élément samp
La balise small : réduit la taille de l'élément encore encore
La balise span : élément span
La balise strike : ~~élément strike~~
La balise strong : mets en évidence un élément
La balise sub : _indice
La balise sup : ^exposant
La balise u : underline
La balise var: variable dans un élément PRE ou CODE

Code utilisé :


<h1>Eléments de texte</h1>
<address>Addresse: coordonnée de l'adresse</address>
<p>
    La balise a : <a href="#">Liens vers page, fichier, mail</a><br>
     La balise abbr : <abbr title="Kilogramme">exemple : KG</abbr><br>
    La balise acronym : <acronym title="World Wide Web Consortium">exemple : W3C</acronym><br>
    La balise b : <b>Mise en "bold" (gras) d'un élément</b><br>
    La balise bdo : <bdo dir="rtl">Direction du texte</bdo><br>
    La balise big : <big>Augmente la taille de l'élément <big>encore <big>encore</big></big></big><br>
    La balise cite : <cite>une citation</cite><br>
    La balise code : <code>du code machine</code><br>
    La balise del : <del>un élément supprimé</del><br>
    La balise dfn : <dfn>une définition</dfn> ou <dfn title="Titre sur cette définition">une définition avec un titre</dfn><br>
    La balise em : <em>emphase</em><br>
    La balise i : <i>italic</i> <br>
    La balise img : <img src="http://placekitten.com/16/16" alt=""><br>
    La balise ins : <ins>insertion d'un élément</ins><br>
    La balise kbd : <kbd>élément keyboard</kbd><br>
    La balise mark : <mark>marquage d'un élément</mark><br>
    La balise q : <q>quote pour une citation</q><br>
    La balise s : <s>élément strike</s><br>
    La balise samp : <samp>élément samp</samp><br>
    La balise small : <small>réduit la taille de l'élément <small>encore <small>encore</small></small></small><br>
    La balise span : <span>élément span</span><br>
    La balise strike : <strike>élément strike</strike><br>
    La balise strong : <strong>mets en évidence un élément</strong><br>
    La balise sub : <sub>indice</sub> <br>
    La balise sup : <sup>exposant</sup><br>
    La balise u : <u>underline</u>
    La balise var: <var>variable dans un élément PRE ou CODE</var><br>
</p>