Structure du document Tableaux STRUCTURE D’un Document HTML 5
<!DOCTYPE> Version du (X)HTML <table> Tableau <html>
<html> Document HTML <caption> Titre du tableau <head> HEADER <head> Informations de la page <thead> En-tête du tableau <title>Titre de la page</title> <body> Contenu de la page <tfoot> Pied du tableau <meta charset="UTF-8" /> NAV <tbody> Corps du tableau </head> <th> Cellule d’en-tête <body> SECTION Informations de la page <tr> Ligne <header> <title> Titre de la page <td> Cellule <nav></nav> ARTICLE <meta /> Méta-données </header> <base /> Adresse de la base <section> ARTICLE <link /> Ressource externe Listes <article></article> ASIDE <style> Définition de styles <ul> Liste <article></article> ARTICLE <script> Définition de scripts <ol> Liste ordonnée <article></article> <li> Elément d’une liste ... ... <dl> Liste de définitions </section> Balises de structure <dt> Terme <aside></aside> <div> Enveloppe en bloc <dd> Définition <footer></footer> <span> Enveloppe en chaîne </body> FOOTER <section> Section </html> <nav> Navigation Formulaires <header> Header <form> Zone d’un formulaire <footer> Footer <input /> Champ d’un formulaire DOCUMENTATION RESSOURCES ET INSPIRATION <article> Article <textarea> Champ texte multi-lignes www.w3schools.com www.webcreme.com <aside> Contenu associé / secondaire <button> Bouton Documentation de référence sur le HTML 5, le CSS 3, www.cssmania.com <select> Liste déroulante et d’autres langages de programmation ... www.themeforest.net <optgroup> Groupe d’options www.wordpress.com Liens <option> Option d’une liste www.openclassrooms.com www.prestashop.com <a href=’’’’> Lien vers un fichier <label> Titre d’un élément Excellents tutoriels proposés gratuitement, avec www.webdesign-inspiration.com <a href=’’mailto:’’> Lien vers un mail <fieldset> Groupe de champs beaucoup d’explications et d’exemples www.siteinspire.com <a name=’’’’> Ancre <legend> Titre d’un fieldset www.thebestdesigns.com <a href=’’#name’’> Lien vers une ancre <datalist> Liste de choix www.alsacreations.com www.art-spire.com/category/webdesign/ <output> Résultat d’un calcul Communauté dédiée à l'apprentissage des standards web (W3C, HTML, CSS, JS) Mise en forme du texte <h[1-6]> Niveaux de titres Médias www.html5doctor.com <p> Paragraphe <img> Image Tutoriels en anglais et documentation html <br/> Saut de ligne <map> Zoning sur une image <strong> Mise en gras (SEO) <area> Zone du zoning html5.validator.nu <b> Mise en gras <canvas> Bloc graphique Validation des pages HTML <em> Mise en italique (SEO) <figure> Conteneur de média <i> Mise en italique <figcaption> Titre d’un conteneur <blockquote> Citation externe <audio> Son <mark> Surlignage <source> Ressources d’un média <pre> Texte pré-formaté <track> Pistes d’un média <code> Code <video> Vidéo PixelCréation <address> Adresse <object> Object externe Support réalisé par Jacques Danilo / Graphiste, photographe et formateur freelance <cite> Citation <param> Paramètre d’un objet www.pixelcrea.com