Une page HTML
C'est le moment d'ouvrir votre éditeur (je vous conseille notepad++), et de tester avec moi votre première page web
Avant tous voici un code de départ dont nous nous servirons pour chacune de nos pages:
- Code:
-
<!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>
Recopier ce morceaux de code dans le notepad++ et Fichier>Enregistrer sous...
Donc choisissez le nom que vous voulez et choisissez en extension "HTML".
Rendez-vous ensuite dans le dossier où vous avez enregistré la page .
Vous devriez voir votre fichier HTML, il devrait normalement être associé à l'icone internet explorer ,si se n'ait pas le cas ouvrer le avec internet explorer (ou le navigateur de votre choix).
Et oui je voie votre déception, tous ce code pour une page vide
Mais rassurez-vous quand même, la page n'est en fait pas si vide que ça : elle contient des tonnes d'informations dont votre navigateur aura besoin.
Normalement vous devez voir le titre de votre page dans l'onglet.
Notez qu'une fois votre fichier XHTML créé, vous pouvez toujours le réouvrir en faisant un clic droit sur l'icône et en cliquant sur "Notepad++"
Explication du code
je vais vous donné quelque explications sur le code que je vous est donné plus haut.
Je me permets de copier ce code à nouveau pour que vous l'ayez bien sous les yeux:
- Code:
-
<!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 :
1- Sur la toute première ligne se trouve la déclaration "Doctype".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.
2- la deuxième balise est <html> ,c'est la balise principale (celle qui englobera toute notre page XHTML) , et on la ferme en tous dernier avec la balise </html>.
3- La balise <head> contient des informations d'en-tête pour votre page web. Elle est refermée un peu plus loin. comme le titre inséré par la balise <title> et aussi comme la balise <meta> qui
elle sert à indiqué que nous allons tapé des caractère spéciaux en français (éèàç etc...)
4- Et enfin c'est entre <body> et </body> que se trouvera le contenue de notre site web.
5- Et la dernière c'est une balise qui n'apparait pas dans le code, c'est la balise qui vous sert a prendre des note faire des pense bête etc...
Elle commence par <!-- et terminant par --> (je tient a vous dire que toute c'est note ne seront pas visible par les visiteur).
Exemple:
- Code:
-
<!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>
<!-- Rappel : c'est ici que l'on écrit le contenu de notre page web -->
</body>
</html>
A bientôt pour la partie 2
mad