01 Premiers pas
Notre premier fichier HTML
Comme nous l'avons vu en cours HTML est le fond de nos sites web et CSS en est la forme. Il convient donc dans un premier temps de découvrir le langage de balisage HTML.
- Créer un nouveau dossier TP1
- Créer un fichier index.html
- Pourquoi ce nom de fichier ? Avez-vous pensé à l'encodage du fichier ? Pourquoi UTF-8 ?
- Créer le squelette de document HTML5 dans le fichier précédent
Voici le squelette de tout document HTML5:
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
<meta charset="utf-8" />
</head>
<body>
</body>
</html>
nb: un commentaire en HTML
<!-- COMMENTAIRE -->
L'entête et le corps du fichier
L'entête de notre document HTML contient deux élèments, quels sont leurs utilités ?
Quel élément correspond au corps du document ? Quel est son utilité ?
Quelques balises de bases
Au sein du corps du document créez les éléments suivants:
- Des titres de niveau 1 à 6
- Un paragraphe
- Une image, Quelle est l'utilité des attributs src et alt ?
- Un lien vers une page html (news.html que vous aurez au préalable créé), Quelle est l'utilité des attributs href et title ?
- Une liste désordonnée
- Une liste ordonnée
- Une liste descriptive
Nous avons mélangé des éléments de type inline et block, voyez-vous la différence entre ces deux types d'éléments ?