HTML5
Les Bases
La page web
Pour créer une page web il faut utiliser l'extension
.html
HTML = Hyper Text Markup Language
sur un site web la 1ère page est :
index.html
structure HTML
-
DOCTYPE
-
HTML
-
HEAD
-
BODY
DOCTYPE
Déclaration du type de document, qui indique au navigateur dans quel type de HTML la page a été écrite
Autrefois complexe mais pour HTML5, il a été décide de la simplifier
on l'écrit maintenant :
<!DOCTYPE html>
Balise html
c'est la balise principale du code, elle englobe tout le contenu de la page.
Elle s'écrit comme ceci :
<html>
</html>
En-tête et corps
-
En-tête :
Donne les infos générales de la page (Titre, encodage, liens vers CSS,...) Ces infos ne sont pas affichées mais sont cependant trés importantes.
la syntaxe est : <head>.....</head>
-
Corps :
C'est ici que se trouve la partie principale de la page, ce qui s'affichera dans le navigateur.
la syntaxe est : <body>...</body>
structure de base HTML
Une page html a en général toujours la même structure
Ma page web
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/><title>Ma page web</title>
</head>
<body>Contenu de ma page web.
</body>
</html>
Encodage
<meta charset="UTF-8"/>
Cette balise indique l'encodage utilisé dans votre fichier .html.
L'encodage indique la façon dont le fichier est enregistré. C'est lui qui détermine comment les caractères spéciaux vont s'afficher (accents, idéogrammes chinois et japonais, caractères arabes, etc.).
NB : penser à enregistrer son fichier en UTF-8
sous Notepad++ "Encoder en UTF-8 (sans BOM)"
Titre de la page
<title>Ma page web</title>
Toute page doit avoir un titre qui décrit ce qu'elle contient.
Il est conseillé de garder le titre assez court (moins de 100 caractères en général).
Ce titre s'affichera dans l'onglet du navigateur
Les commentaires
Un commentaire en HTML est un texte qui sert simplement de mémo. Il n'est pas affiché, il n'est pas lu par l'ordinateur, cela ne change rien à l'affichage de la page.
Un commentaire est une balise HTML avec une forme bien spéciale :
<!-- ceci est un commentaire -->
HTML5
By Bertrand Girault
