MEMENTO HTML5 BLOCS BASE DU DOCUMENT Balise Description <span> Balise générique de type inline <div> Balise générique de type block <html> Balise principale <head> En-tête de la page <body> Corps de la page EXEMPLE DE CODE MINIMAL AVEC CSS EN TETE ( entre <head> et </head> ) <link /> Liaison avec une feuille de style <meta / Métadonnées de la page web (charset, mots-clés, etc.) > <script> Code JavaScript <style> Code CSS <title> Titre de la page <!DOCTYPE html> <head> <meta charset="utf-8" /> <title>Le titre de la page</title> <link rel="stylesheet" href="mon_style.css"/> </head> <body> ….......... ….......... </body> </html> Remarque: pour ne pas avoir de problèmes avec les caractères spéciaux et les accents, choisir le jeu de caractères (charset) utf-8, sans oublier d'enregistrer le fichier html en utf-8 sans BOM. TEXTE <figure> Figure (image, code, etc.) <figcaption> Description de la figure <audio> Son <abbr> Abréviation <blockquote> Citation (longue) <cite> Citation du titre d'une œuvre ou d'un évènement <video> Vidéo <q> Citation (courte) <source> Format source pour les balises <audio> et <video> <sup> Exposant <a> Lien hypertexte <sub> Indice <br /> Retour à la ligne <strong> Mise en valeur forte <p> Paragraphe <em> Mise en valeur normale <hr /> Ligne de séparation horizontale <mark> Mise en valeur visuelle <address> Adresse de contact <h1> à <h6> Titres de niveau 1 à 6 <del> Texte supprimé <h2> Titre de niveau 2 <ins> Texte inséré <h3> Titre de niveau 3 <dfn> Définition <h4> Titre de niveau 4 <kbd> Saisie clavier <h5> Titre de niveau 5 <pre> Affichage formaté (pour les codes sources) <h6> Titre de niveau 6 <progress> Barre de progression <img /> Image <time> Date ou heure LISTES FORMULAIRES <ul> Liste à puces, non numérotée <form> Formulaire <ol> Liste numérotée <fieldset> Groupe de champs <li> Élément de la liste à puces <legend> Titre d'un groupe de champs <dl> Liste de définitions <label> Libellé d'un champ <dt> Terme à définir <input /> <dd> Définition du terme Champ de formulaire (texte, mot de passe, case à cocher, bouton, etc.) <textarea> Zone de saisie multiligne <select> Liste déroulante <option> Élément d'une liste déroulante TABLEAUX <table> Tableau <caption Titre du tableau > <optgroup> Groupe d'éléments d'une liste déroulante SECTIONS <tr> Ligne de tableau <header> En-tête <th> Cellule d'en-tête <nav> <td> Cellule <footer> Pied de page <thead> Section de l'en-tête du tableau <tbody> Section du corps du tableau <tfoot> Section du pied du tableau Liens principaux de navigation <section> Section de page <article> Article (contenu autonome) <aside> Informations complémentaires