2- Votre prémiere page HTML
Voici enfin le moment de créer votre première page HTML. Commencez par ouvrir le Bloc-notes (ou un autre éditeur HTML) pour pouvoir taper le code.
Voici le code à taper :
<HTML>
<HEAD>
<TITLE>Ma première page en HTML</TITLE>
</HEAD>
<BODY>
Bonjour, voici ma première page web !
</BODY>
</HTML>
Enregistrez le document au format HTML (*.html ou *.htm).
Pour cela, dans la case "Nom", tapez : index.html
Et dans la case "Type", choisissez Tous(*.*) dans la liste déroulante.
Voila votre page est enregistrée.
Vous pouvez ouvrir votre navigateur et visualiser votre première page.
Le seul texte qui apparaîtra sera "Bonjour, voici ...".
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". C'est à dire qu'il faut que la balise "title" doit être ouverte puis refemée avant que le balise "head" ne soit refermée.
- <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).
Inscrivez-vous au blog
Soyez prévenu par email des prochaines mises à jour
Rejoignez les 8 autres membres