Les principales balises
Les balises sont la base de tout document html et changent régulièrement au fil des évolutions du langage. Avec html5 de nouvelles balises, plus pratiques et mieux adaptées à nos besoins sont apparues. Les balises en html sont nombreuses et il serait bien compliqué de toutes les retenir mais ce petit document récapitule les balises les plus utiles à l'heure actuelle. En espérant qu'il vous fasse gagner du temps !
Informations primaires
- <!DOCTYPE html>nature du document
- <html>document html
- <head>informations sur la page
- <title>titre de la page
- <meta>meta données
- <body>corps du document
Structure
- <header>entête
- <nav>navigation
- <main>contenu majoritaire du <body>
- <section>groupe de contenu thématique
- <aside>section latérale
- <footer>pied de page
- <figure>contenu autonome
- <figure>contenu autonome
- <figcaption>légende de l'élément parent
- <div>élément bloc
Texte
- <h1, h2, h3...h6>titres
- <p>paragraphe
- <br />saut de ligne
- <span>section de ligne
- <em>accentuation
- <strong>accentuation forte
- <b>gras
- <i>italique
Images et liens
- <img />image
- <img src="">source de l'image
- <img alt="">texte alternatif
- <a>lien
- <a href="">URL de redirection
- <a href="mailto:">lien d'envoie de mail
- <a href="tel:">lien d'envoie d'appel téléphonique
Liste et tableaux
- <ul>liste simple
- <ol>liste ordonnée
- <li>élément de liste
- <table>tableau
- <thead>entête du tableau
- <tbody>corps de tableau
- <tfoot>pied de tableau
- <tr>ligne du tableau
- <td>cellule du tableau
- <th>cellule header tableau
Formulaires
- <form>formulaire
- <fieldset>section de formulaire
- <legend>légende
- <label>légende d'élément
- <input>champ
- <select>sélection
- <option>option de sélection
- <textarea>large zone de texte
- <button>bouton