<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
</body>
Voila les expliquations lignes par lignes :
- Sur la première ligne il y a "Doctype".
C'est une balise particulière, et c'est la seule qui n'obéit pas
aux règles que je vos ai donné au cours d'avant.
Concrètement, cette balise sert à dire au navigateur que ce que
vous faites est une page XHTML, et que vous utilisez la version 1.0 du
langage XHTML.
Pourquoi je vous apprends à utiliser le XHTML 1.0 ? Parce que
c'est une des version les plus récentes, et que votre site sera ainsi à
jour ;)
-
Vient ensuite la balise <html>. C'est la balise principale
qui englobera toute votre page (x)HTML. Comme vous pouvez le voir, on
ne la ferme qu'en dernier avec </html>, qui indique que votre
page (x)HTML s'arrête là. Il n'y a donc rien après le </html>.
La balise <html> contient 2 attributs :
- xmlns
: cet attribut, obligatoire, indique une adresse traitant du xHTML. Ne
vous en préoccupez pas et laissez comme ça, ça ne nous intéresse pas
particulièrement.
- xml:lang
: cet attribut sert à indiquer dans quelle langue est rédigée votre
page web. Si vous écrivez une page web en français, mettez "fr" comme
je l'ai fait. Si la page est en anglais, mettez "en", en italien "it",
espagnol "es" etc etc...
- La balise <head> contient quelques informations d'en-tête pour votre page web. Elle est refermée un peu plus loin.
A l'intérieur de la balise <head>, vous trouvez notamment la
balise <title>. Elle est très importante : c'est elle qui
contient le titre de votre page web. Ici, le titre est "Bienvenue sur
mon site !", mais c'est à vous de mettre le bon titre de votre page
Ensuite, vous pouvez voir une balise <meta>. Il existe
beaucoup de balises de ce type, mais je ne vous en parlerai que plus
tard parce qu'elles ne sont pas indispensables. Seule celle que je vous
ai donnée est indispensable : elle sert à indiquer que vous allez taper
des caractères spcifiques au français (éèàê etc...).
- Enfin (ouf!), après la fermeture de la balise <head> commence une nouvelle balise : <body>
- C'est entre <body> et </body> que vous taperez le
contenu de votre page web. En clair, c'est entre ces 2 balises que nous
allons passer la plupart de notre temps .
Pour le moment, il n'y a rien entre ces 2 balises, donc la page
n'affiche rien (il y a un fond blanc comme vous avez pu le constater
tout à l'heure).
Voila, tout est dit !
