Vous êtes sur la page 1sur 3

29/6/2015 Structure 

de base d'une page html5: doctype, meta, header, nav, article, footer,

Rechercher un tutoriel
html5 css3

OK

Tutos Aide Blog A propos Bienvenue Identifiez‐vous

 
tutoriels HTML5 CSS3 et jQuery

Nos tutoriels HTML5 et CSS3


> Structure de base d'une page HTML5 : tutoriel pas à pas et illustré
Les balises sémantiques html5

La balise HEADER Structure de base d'une page HTML5 :


tutoriel pas à pas et illustré
La balise NAV

La balise ARTICLE Doctype, les metas déclarations, les balises sémantiques html5
telles que header, nav, article, aside, footer sont les éléments
La balise ASIDE
essentiels d'une page web html5
La balise SECTION

La balise VIDEO

La balise AUDIO

La balise CANVAS

La balise FOOTER
ZOOM
Box‐shadow avec CSS3

Text‐shadow avec CSS3


Partager sur Facebook
La couleur rgba avec CSS3
Imprimer
Gradient : dégradés de couleurs
en CSS3
Tutoriel pas à pas et illustré sur l'html5 et le css3 Commentaires
Mots clés
Anatomie d'une page html5 de base
balises html5 header
aside article balise html5
title section meta nav footer css3
doctype css alt menu video box‐
shadow audio background‐color
background favicon transparence
link couleur graDIENT color couleur
css3 script rgba canvas head text‐
shadow

Newsletter
votre e‐mail

http://www.html5­css3­pense­bete.fr/3­structure­de­base­d­une­page­html5­tutoriel­pas­%C3%A0­pas­et­illustr%C3%A9­.html 1/3
29/6/2015 Structure de base d'une page html5: doctype, meta, header, nav, article, footer,

Notre page html5 est, ici, composée de quelques éléments:

un en‐tête de page : HEADER


une barre de navigation : NAV
une colonne de gauche : ASIDE
une zone principale pour le contenu : ARTICLE
un pied de page : FOOTER

Le code html de cette page

<!DOCTYPE HTML>
<html>

<head>
        <title>Titre principal de la page</title>
        <meta charset="utf‐8">
        <meta name="description" content="165c. uniques">
</head>

<body>
    <div id="page">
    <!‐‐ DIV : Aucun sens sémantique ‐ zone géographique ‐‐>
    
        <header><!‐‐ Entête de la zone considérée ‐‐></header>
        <nav><!‐‐ Nav. principale de la page ‐> site ‐‐></nav>       
        <aside><!‐‐ Les à‐cotés de la page ‐‐></aside>
        <article><!‐‐ Contenu textuel de la page ‐‐></article>
        <footer><!‐‐ Pied‐de‐page de la page ‐> site ‐‐></footer>
        
    </div>
</body>
</html>

Dans les autres tutoriels, nous aurons l'occasion de voir en détails les spécificités de chaque élémént, de chaque
balise html5.

Tutos gratuits Suivez nous Contact

À propos Devenez fan Services

http://www.html5­css3­pense­bete.fr/3­structure­de­base­d­une­page­html5­tutoriel­pas­%C3%A0­pas­et­illustr%C3%A9­.html 2/3
29/6/2015 Structure de base d'une page html5: doctype, meta, header, nav, article, footer,

www.html5‐css3‐pense‐bete.fr | copyright© 2012 | Propulsé par PrestaShop | réalisé par Jean Thierry ANDRONIC

http://www.html5­css3­pense­bete.fr/3­structure­de­base­d­une­page­html5­tutoriel­pas­%C3%A0­pas­et­illustr%C3%A9­.html 3/3

Vous aimerez peut-être aussi