Editeur :
Sublime Text (sublimetext.com)
Atom (free from GitHub; atom.io)
Brackets (free from Adobe; brackets.io)
CodeKit (codekitapp.com; Mac only)
Adobe Dreamweaver (www.adobe.com/products/dreamweaver.html)
Coda (panic.com/coda/)
Navigateur Web :
Microsoft Visual Studio (visualstudio.com)
Chrome (google.com/chrome)
Firefox (www.mozilla.org)
MS Edge (www.microsoft.com/en-us/windows/microsoft-edge; Windows only)
Internet Explorer 9–11 (www.microsoft.com; search “Internet Explorer”; Windows only)
Safari (support.apple.com/downloads/#safari; Mac only)
Opera (opera.com)
Structure d’une page HTML
1. je ne veux pas confondre les choses, mais la première ligne de l'exemple n'est pas du tout
un élément. Il s'agit d'une déclaration de type de document (également appelée déclaration
DOCTYPE) qui permet aux navigateurs modernes de savoir quelle spécification HTML utiliser
pour interpréter le document. Ce DOCTYPE identifie le document tel qu'il est écrit en
HTML5.
L'ensemble du document est contenu dans un élément html. L'élément html est appelé
élément racine car il contient tous les éléments du document et ne peut être contenu dans
aucun autre élément.
Dans l'élément html, le document est divisé en une tête et un corps. L'élément head
contient des éléments relatifs au document qui ne sont pas rendus en tant que partie du
contenu, tels que son titre, les feuilles de style, les scripts et les métadonnées.
Les méta-éléments fournissent des métadonnées de documents, des informations sur le
document. Dans ce cas, il spécifie le codage des caractères (un ensemble normalisé de
lettres, de chiffres et de symboles) utilisé dans le document en tant que version Unicode
UTF-8 (voir l'encadré "Présentation d'Unicode"). Je ne veux pas entrer dans les détails pour
l'instant, mais je sais qu'il y a de nombreuses bonnes raisons de spécifier le jeu de caractères
dans chaque document, c'est pourquoi je l'ai inclus dans le balisage minimal du document.
Les autres types de métadonnées fournies par l'élément meta sont l'auteur, les mots clés, le
statut de publication et une description qui peut être utilisée par les moteurs de recherche.
, Selon la spécification HTML, chaque document doit contenir un titre descriptif.
Enfin, l'élément "body" contient tout ce que nous voulons voir apparaître dans la fenêtre du
navigateur.
Mémento
Balises de premier niveau
Les balises de premier niveau sont les principales balises qui structurent une page
HTML. Elles sont indispensables pour réaliser le « code minimal » d'une page web.
Balise Description
<html> Balise principale
<head> En-tête de la page
<body> Corps de la page
Code minimal d'une page HTML :
Balises d'en-tête
Ces balises sont toutes situées dans l'en-tête de la page web, c'est-à-dire
entre<head>et</head>:
Balise Description
<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
Sublime Text (sublimetext.com)
Atom (free from GitHub; atom.io)
Brackets (free from Adobe; brackets.io)
CodeKit (codekitapp.com; Mac only)
Adobe Dreamweaver (www.adobe.com/products/dreamweaver.html)
Coda (panic.com/coda/)
Navigateur Web :
Microsoft Visual Studio (visualstudio.com)
Chrome (google.com/chrome)
Firefox (www.mozilla.org)
MS Edge (www.microsoft.com/en-us/windows/microsoft-edge; Windows only)
Internet Explorer 9–11 (www.microsoft.com; search “Internet Explorer”; Windows only)
Safari (support.apple.com/downloads/#safari; Mac only)
Opera (opera.com)
Structure d’une page HTML
1. je ne veux pas confondre les choses, mais la première ligne de l'exemple n'est pas du tout
un élément. Il s'agit d'une déclaration de type de document (également appelée déclaration
DOCTYPE) qui permet aux navigateurs modernes de savoir quelle spécification HTML utiliser
pour interpréter le document. Ce DOCTYPE identifie le document tel qu'il est écrit en
HTML5.
L'ensemble du document est contenu dans un élément html. L'élément html est appelé
élément racine car il contient tous les éléments du document et ne peut être contenu dans
aucun autre élément.
Dans l'élément html, le document est divisé en une tête et un corps. L'élément head
contient des éléments relatifs au document qui ne sont pas rendus en tant que partie du
contenu, tels que son titre, les feuilles de style, les scripts et les métadonnées.
Les méta-éléments fournissent des métadonnées de documents, des informations sur le
document. Dans ce cas, il spécifie le codage des caractères (un ensemble normalisé de
lettres, de chiffres et de symboles) utilisé dans le document en tant que version Unicode
UTF-8 (voir l'encadré "Présentation d'Unicode"). Je ne veux pas entrer dans les détails pour
l'instant, mais je sais qu'il y a de nombreuses bonnes raisons de spécifier le jeu de caractères
dans chaque document, c'est pourquoi je l'ai inclus dans le balisage minimal du document.
Les autres types de métadonnées fournies par l'élément meta sont l'auteur, les mots clés, le
statut de publication et une description qui peut être utilisée par les moteurs de recherche.
, Selon la spécification HTML, chaque document doit contenir un titre descriptif.
Enfin, l'élément "body" contient tout ce que nous voulons voir apparaître dans la fenêtre du
navigateur.
Mémento
Balises de premier niveau
Les balises de premier niveau sont les principales balises qui structurent une page
HTML. Elles sont indispensables pour réaliser le « code minimal » d'une page web.
Balise Description
<html> Balise principale
<head> En-tête de la page
<body> Corps de la page
Code minimal d'une page HTML :
Balises d'en-tête
Ces balises sont toutes situées dans l'en-tête de la page web, c'est-à-dire
entre<head>et</head>:
Balise Description
<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
