Etula.com
|
|
|
Perso Etula
|
|
|
|
|
Création de site internet : Créer son site internet
|
structure d'une page Web
Vous pouvez directement copier / coller le code qui suit dans votre bloc note :
|
<html>
<head>
<title>Ma page Web</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="exemple, HTML" />
<meta name="description" content="ceci est ma page" />
<meta name="author" content="Bertrand-Ludovic Charpentier">
<meta name="robots" content="follow,index,all">
</head>
<body>
Bonjour le monde
</body>
</html>
|
Enregistrez ce fichier sous index.html, puis en cliquant dessus, votre navigateur par défaut s'ouvrira et vous verrez apparaître ceci :
En cliquant sur le menu Affichage puis Source de votre navigateur, vous allez voir apparaître le code source que vous avez préalablement écrit. Vous pourrez à votre guise modifier ce code puis enregistrer les modifications. Ces modifications seront visibles en cliquant sur l'icône .
Nous allons nous servir de cet exemple dans le chapitre 6 lors de la création de frame.
Quelques petites explications s'imposent pour bien comprendre la structure d'une page Web :
| <html></html> |
Indiquent au navigateur que le fichier qu'il va lire est une page Web
|
<head></head>
|
En-têtes de la page Web contenant les méta-données, propriétés de la page
|
| <title></title> |
Titre de la page
|
<meta name="" content="" />
|
Ce sont les métas données, les plus utilisées sont :
<meta http-equiv="content-type" content="" />
type des caractères utilisés
<meta name="keywords" content="" />
mots clés utilisés par certains moteurs de recherche pour référencer votre site
<meta name="description" content="" />
brêve description
<meta name="author" content="">
Auteur du document
<meta name="robots" content="index, follow">
valeurs permises:
index pour référencer le site (contraire noindex)
follow pour suivre les liens (contraire nofollow)
|
| <body></body> |
Corps de la page qui va être affiché
|
|
|
Etula.com
|
|
|
Hot Etula
|
|
|
Perso Etula
|
|
|
Google.fr
|
|
|
Yahoo.fr
|
|
|
Voila.fr
|
|
|
|