HTML
Exemple
   Accueil      HTML-XHTML      HTML-XHTML A-Z
 

HTML-XHTML
 
 
 

Nom

Code HTML


 
 
barré
<del>barré</del>
Caratères:

< 
> 
&
Â
©
 
 
&lt;
&gt;
&amp;
&#194
©
citation
<cite>citation</cite>
change de ligne à l’intérieur d’un paragraphe
<br />change de ligne à l’intérieur d’un paragraphe.
Combinaisons:
<strong><em>texte</em></strong>
<strong><em>texte</em></strong>
Commentaires
<!-- commentaires -->
couleur de caractères
<font color="#ff0000">couleur</font>
Couleur de cellule
<td bgcolor="blue">
 
16 couleurs standards
(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
olive, purple, red, silver, teal, white, et yellow).
.
<td bgcolor="#000000">
 
<td bgcolor="#ffffff">
 
<td bgcolor="#800000">
&nbsp;
Grand texte
<big>texte</big>
Grandeur de fonte
 
texte
texte
texte
texte
texte
 
texte
 
texte
 
texte
 
texte
 
texte
 
texte
 
texte
font>texte</font>
 
 
 
<font size=7>texte</font size=7>
 
 
<font size=6>texte</font size=6>
 
 
<font size=5>texte</font size=5>
 
 
<font size=4>texte</font size=4>
 
<font size=3>texte</font size=3>
 
<font size=2>texte</font size=2>
 
 
<font size=1>texte</font size=1>
 
<font size=0>texte</font size=0>
 
<font size=-1>texte</font size=-1>
 
<font size=-2>texte</font size=-2>
 
<font size=-3>texte</font size=-3>
gras
<strong>gras</strong>
ou
<b>gras</b>
Image
 
<img alt="" title="" align=middle border=1 vspace=5 src="/3rdparty/rvsitebuilder/project/fdc52472e7680696c47d5d18412ec1ad/images/html.jpg" height="48" width="64" />
 
attributs:
• alt=“texte” (obligatoire)
• align=left, right, top, middle, bottom, … (autres moins standards)
• border=n
• height=n
• width=n
• hspace=n
• vspace=n
italique
<em>italique</em>
ou
<i>italique</i>
Ligne horizontale
<hr> : ligne horizontale<hr>
ou
<hr> : ligne horizontale<hr />
width=n, n% (largeur en pixels ou en %)
• size=n (épaisseur de la ligne en pixels)
• noshade (ligne pleine)
• align= left, right, center (alignement de la ligne)
• Exemple: <hr width="50%" align="center" />
Listes de glossaire
terme
définition
…
…
 
  1. WEB
    1. HTML
    2. CSS
  2. Graphiques
    1. Images
    2. Dessins
 
<dl>
<dt>terme</dt>
<dd>définition</dd>
<dt>…</dt>
<dd>…</dd>
</dl>
 
<ol type="1">
<li>WEB
<ol type="a">
<li>HTML</li>
<li>CSS</li>
</ol></li>
<li>Graphiques
<ol type="a">
<li>Images</li>
<li>Dessins</li>
</ol></li>
</ol>
Listes à puces (listes non numérotées)
 
  • item 1
  • item 2
  • item 3
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
Listes à puces (modèles)
  • item 1
  • item 2
  • item 3
 
    <ul>
    <li type=square>item 1</li type=square>
    <li type=circle>item 2</li type=circle>
    <li type=disc>item 3</li type=disc>
    </ul>
    Listes numérotés
    1. item 1
    2. item 2
    3. item 3
    4. item 4
    5. item 5
    <ol>
    <li type=1 value=1 start=1>item 1</litype=1 value=1,start=1>
    <li type=i value=1 start=1>item 2</li type=i value=1 start=1>
    <li type=I value=1 start=1>item 3</li type=I value=1 start=1>
    <li type=a value=1 start=1>item 4</li type=a value=1 start=1>
    <li type=A value=1 start=1>item 5</li type=A value=1 start=1>
    </ol>

    Page HTML de base
    <html>
    <head>
    <title>Voici le titre</title>
    </head>
    <body>
    Ici on met le texte de la page
    </body>
    </html>
    Page HTML (typique)
    <!DOCTYPE HTML PUBLIC
    "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Voici le titre</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=utf-8">
    </head>
    <body>
    Ici on met le texte de la page
    </body>
    </html>
    Page XHTML (typique)
    <!DOCTYPE html PUBLIC
    "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Voici le titre</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=utf-8" />
    </head>
    <body>
    Ici on met le texte de la page
    </body>
    </html>
    Paragraphe. Un espace est automatiquement
    créé avant et après le paragraphe.
    <p>
    Paragraphe. Un espace est automatiquement
    créé avant et après le paragraphe.
    </p>
    paragraphe en retrait
    		 <blockquote>paragraphe en retrait</blockquote>

    Paragraphe avec marge de gauche en retrait. Saut de ligne.
    Permet de changer de ligne sans débuter un nouveau paragraphe. Le marqueur
    n’a pas de fermeture.
    <br />
    <blockquote>

    Paragraphe avec marge de gauche en retrait. Saut de ligne.<br />

    Permet de changer de ligne sans débuter un nouveau

    paragraphe. Le marqueur <br />
    n’a pas de fermeture.    </blockquote>
    Petit texte
    <small>texte</small>
    Puces voir: listes à puces

    section
    <div>section</div>
    Signature
    <address>équ. à <font>texte</font>signature</address>
    souligner
    <u>souligner</u> « deprecated »

    Titre de niveau 1

    Titre de niveau 2

    Titre de niveau 3

    Titre de niveau 4

    Titre de niveau 5
    Titre de niveau 6
    <h1>Titre de niveau 1</h1>
    <h2>Titre de niveau 2</h2>
    <h3>Titre de niveau 3</h3>
    <h4>Titre de niveau 4</h4>
    <h5>Titre de niveau 5</h5>
    <h6>Titre de niveau 6</h6>

    		<pre>texte</pre> à éviter
     
     
     
    texte
    texte
    texte
    texte
    texte
    <br clear=“left”>, right, all
    <face>“nom”</face>

    <var>texte</var>

    <kbd>texte</kbd>
    <code>texte</code>
    <sample>texte</sample>
    <dfn>texte</dfn>