HTML – LA LISTE DE SURVIE
Balises html de structure
- <html> </html> ♦ crée un document HTML
- <head> </head> ♦ en tête du document
- <body> </body> ♦ corps du document
- <title> </title> ♦ titre par défaut de la page visible dans les favoris
- <nav> </nav> ♦ liens de navigation
- <footer> </footer> ♦ pied de page
- <section> </section> ♦ section
- <article> </article> ♦ article
- <aside> </aside> ♦ informations complémentaires
Balises html de texte
- <pre> </pre> ♦ texte préformaté
- <h1> </h1> ♦ titre de niveau 1 (même principe pour les titres de niveau 2 à 6)
- <i> </i> ♦ italique
- <u> </u> ♦ souligné
- <cite> </cite> ♦ citation
- <q> </q> ♦ citation
- <sup> </sup> ♦ exposant
- <sub> </sub> ♦ indice
- <mark> </mark> ♦ mise en valeur
- <strong> </strong> ♦ gras
- <font size=?> </font> ♦ taille de police
- <font color=?> </font> ♦ couleur de police
- <font face=?> </font> ♦ police choisie
Balises html de liens
- <a href=”URL”>texte cliquable</a> ♦ lien vers une url
- <a href=”mailto:EMAIL_ADDRESS”> ♦ texte cliquable</a> lien vers un email
- <a name=”NAME”></a> ♦ crée une ancre dans une page
- <a href=”#NAME”>texte cliquable</a> ♦ crée un lien vers cette ancre
Balises html de formats
- <p> </p> ♦ paragraphe
- <br/> ♦ retour à la ligne
- <blockquote> </blockquote> ♦ citation longue
- <div> </div> ♦ conteneur d’un bloc (CSS)
- <span> </span> ♦ conteneur d’un bloc (CSS)
Balises html de listes
- <ul> </ul> ♦ liste non numérotée
- <ol> </ol> ♦ liste numérotée
- <li> </li> ♦ élément d’une liste
- <dl> </dl> ♦ liste de définitions
- <dt> </dt> ♦ élément de la définition
- <dd> </dd> ♦ description de l’élément de la définition
Balises html d’éléments graphiques
- <hr> </hr> ♦ ligne horizontale
- <hr size=?> <dt> ♦ ligne horizontale avec épaisseur spécifiée
- <hr width=?> <dt> ♦ ligne horizontale avec longueur spécifiée
- <img src=”URL” /> ♦ image
- <img src=”URL” align=? /> ♦ image + position left/right/center/bottom/top/mid
- <img src=”URL” border=? /> ♦ image + bordure
- <img src=”URL” height=? /> ♦ image + hauteur
- <img src=”URL” width=? /> ♦ image + largeur
- <img src=”URL” alt=? /> ♦ image + description Alt
Balises html de formulaires
- <form> </form> ♦ formulaire
- <select> </select> ♦ menu déroulant
- <option></option> ♦ élément du menu
- <textarea> <textarea> ♦ zone de saisie de texte multiligne
- <input type=”checkbox” /> ♦ case à cocher
- <input type=”radio” /> ♦ bouton radio
- <input type=”text” /> ♦ zone de saisie de texte sur 1 ligne
- <input type=”submit” /> ♦ bouton valider
- <input type=”image” /> ♦ bouton valider via une image
- <input type=”reset”> ♦ bouton remise à zéro
- <fieldset> </fieldset> ♦ groupe de champs
- <legend> </legend> ♦ titre d’un groupe de champs
- <label> </label> ♦ libellé d’un champ
Balises html de tableaux
- <table> </table> ♦ tableau
- <caption> </caption> ♦ titre du tableau
- <tr> </tr> ♦ ligne de tableau
- <td> </td> ♦ cellule
- <th> </th> ♦ cellule d’en-tête
- <thead></thead> ♦ section d’en-tête
- <tbody></tbody> ♦ section du corps du tableau
- <tfoot></tfoot> ♦ section du pied de tableau
