Vous êtes sur la page 1sur 1

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

Vous aimerez peut-être aussi