 |  | |
| | |
Voici enfin le moment de créer votre première page XHTML.
Commencez par ouvrir le NotePad++ pour pouvoir taper le code.
Voici le code à taper :
<html> <head> <title>Ma première page en XHTML</title> </head> <body> Bonjour, voici ma première page web ! </body> </html>
Enregistrez le document sous le nom "Exemple_001.htm" dans le dossier Mes documents/Mes cours HTML/Exemples.
Pour cela, dans la case "Nom", tapez : Exemple_001.htm
Et dans la case "Type", choisissez Tous(*.*) dans la liste déroulante.
Voila votre page est enregistrée.
Vous pouvez visualiser votre première page de plusieurs façons :
Le seul texte qui apparaîtra sera "Bonjour, voici ...". Remarquez le titre dans la barre bleu du navigateur.
Explications des nouvelles balises utilisées :
- <html> et </html> : la première informe votre navigateur qu'il va afficher une page HTML. Cette balise doit être la première de votre code. La seconde est la balise de fin. Elle referme la première. (remarquez le / devant le mot contenu entre crochets). Elle doit être la dernière de votre code HTML et signifie la fin de votre code HTML.
- <head> et </head> : la première ouvre l'entête de votre page. Cet entête comprend pour l'instant le titre de votre page. Cette balise est toujours placée juste après la balise <html>. La seconde, referme l'entête de votre page (remarquez encore une fois le / devant le mot entre crochets).
- <title> et </title> : la première ouvre la partie titre de votre page. Ce titre sera placé dans la barre tout au-dessus de votre navigateur. La seconde referme la première encore une fois en plaçant un / devant le mot entre crochets. La balise "title" doit être ouverte puis refermée à l'intérieur de la balise "head". La balise "title" est obligatoire et doit être placé juste après la balise "head".
- <body> et </body> : la première ouvre le début du corps de votre document. C'est là que vous allez placer textes, images et tout ce que contiendra votre page. Cette balise doit se situer après la balise de fermeture de l'entête (=> </head>). La seconde referme la première et maintenant je suppose que vous avez compris le principe pour fermer une balise...
Première constatation :
- Le code d'une page web est composé de 2 parties, l'en-tête de la page (HEAD) et le corps (BODY). Seul le corps de la page est affiché à l'écran (dans votre première page, il n'y a que la phrase "Bonjour,..." qui s'est affichée).
Exercice : Créer une page ayant pour titre "La page de mes débuts" et pour contenu "Regardez bien cette page, c'est la première que je crée moi-même." et enregistrez-la dans Mes documents/Exercices sous le nom "Exercice_001.htm". Visualisez la dans un navigateur. Si celle-ci vous paraît correcte, envoyez-la moi sur mon FTP
Rendez-vous au prochain cours.