Les balises HTML


Copier coller le code ci dessous dans Notepad++
Enregistrer le en .html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="stylecss.css">
<title></title>
</head>
<body>



</body>
</html>



Les titres
Les balisesDescriptionRésultat
<h1></h1>Titre 1er niveau

Texte
<h2></h2>Titre 2ème niveau

Texte
<h3></h3>Titre 3ème niveau

Texte
<h4></h4>Titre 4ème niveau

Texte
<h5></h5>Titre 5ème niveau
Texte
<h6></h6>Titre 6ème niveau
Texte



Eléments et structuration de texte
Les balisesDescriptionRésultat
<p></p>ParagrapheTexte
<cite></cite>Bloc de citationCeci est une citation
<b></b>Mettre en grasTexte en gras
<i></i>Mettre en ItaliqueTexte en Italique
<s></s>Texte barréTexte barré
<sup></sup>Exposantx2
<sub></sub>IndiceH2O
<br>Saut de ligne.ligne1
ligne2
<ul></ul>Liste non-numéroté (encadre la balise <li>).
  • 1er élément
  • 2ème élément
  • 3ème élément
<ol></ol>Liste numérotée (encadre la balise <li>).
  1. 1er élément
  2. 2ème élément
  3. 3ème élément
<li></li>Elément d'une liste (encadré par la balise <ul> ou la balise <ol>).
  • élément
    		•
    <hr/>Ligne de séparation horizontaleTexte 1
    Texte 2
    <a href="">clic</a>lien hypertexteclic



    Les images
    Les balisesDescriptionRésultat
    <img src="image.gif">Insérer une imageCette image s'appelle image.gif




    Les tableaux
    Les balisesDescriptionRésultatCode
    <table></table>Tableau.
    <table>
    <caption></caption>
    <tr>
    <th></th><th></th><th></th><th></th>
    </tr>
    <tr>
    <td></td><td></td><td></td><td></td>
    </tr>
    <tr>
    <td></td><td></td><td></td><td></td>
    </tr>
    <tr>
    <td></td><td></td><td></td><td></td>
    </tr>
    <tr>
    <td></td><td></td><td></td><td></td>
    </tr>
    </table>
    <tr></tr>Nouvelle ligne d'un tableau (encadré par la balise <table>).
    <th></th>Cellule d'en-tête d'un tableau.
    <td></td>Nouvelle cellule dans un tableau (encadré par la balise <tr>).