HTML – LA LISTE DE SURVIE

 

balises html   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   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   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   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    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   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    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   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