.
XHTML: Abréviation de eXtensible Hyper Text Markup Language
C'est le langage avec lequel on tape le contenu des sites Web. Il contient des informations logiques: ceci est mon titre, ceci est mon menu, là c'est le texte de la page principale, etc, etc....
----------
Les balises existent soit par paires (<balise> </balise> ) ; soit toutes seules, mais dans ce cas il faut mettre un / à la fin de la balise (ex. : <balise> )
Les noms des balises et attributs s'écrivent toujours en minuscules (ex. : "citation, auteur, date")
Les valeurs des attributs peuvent contenir des majuscules (ex. : "Neil Armstrong")
S'il y a des attributs dans une balise fonctionnant par paire, on ne les met que dans la balise ouvrante
------------
Code de base d'une page web: (voir ma fiche)
- Citation :
- <!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>
</html>
Voici les explications ligne par ligne :
Sur la toute première ligne se trouve la déclaration "Doctype". C'est une balise un peu particulière, et c'est la seule qui n'obéit pas aux règles habituelles.
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 (eh oui, comme dans les programmes il y a des versions !).
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 dans l'exemple. 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 il faut évidemment mettre le bon titre selon la page souhaitée.
Ensuite, vous pouvez voir une balise <meta>. Il existe beaucoup de balises de ce type, mais 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 spécifiques 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.