HMTL II
STRUCTURE D’UNE PAGE HTML
Un document HTML est structuré de la manière la plus simple possible.
Figure : structure d’une page HTML tirée du site W3school
1) La balise < ! DOCTYPE html>
Cette balise permet de spécifier que notre document est du type HTML 5 qui est la dernière
version HTML. Il est toujours important de rédiger cette balise sur vos documents HTML.
2) L’élément <html> </html>
L’élément HTML est l’élément racine de notre page.
3) L’élément <head> </head>
Elle contient des méta-informations de notre page web.
Remarque : les méta-informations ou métadonnées sont des informations qui décrivent le
contenu de notre site web mais n’apparaissent pas sur le site proprement dit. On peut citer
entre autre<base>, <link>, <script>, <style>ou <title>).
4) L’élément <title> </title>
C’est une métadonnée qui contient le titre de la page web.
touteninformatique
5) Le <body> </body>
C’est le corps de notre page web. C’est cet élément qui contient tous les données qui seront
visible dans notre page web.
Figure 2 : Code HTML sur l’éditeur de texte Figure 3 : Résultat sur le navigateur
LES LISTES
Nous abordons un point très essentiel sur le HTML qui sont les listes. Les listes permettent
comme le nom l’indique de lister des éléments dans votre site web. Il existe deux type de liste.
1) Les listes ordonnées
Les listes ordonnées sont des listes numérotées par des chiffres. En effet, pour construire une
liste dans notre document HTML, il est essentiel d’inclure un élément qui décrit le type de liste
utilisée. Dans notre cas il s’agit de l’élément <ol> </ol> qui va contenir des éléments <li> </li>
qui représente les différents éléments de notre liste.
touteninformatique
2) Liste non ordonnées
Le principe est le même mais ici nous utiliserons l’élément <ul> </ul>.
touteninformatique