Première page en HTML

Comme il faut se lancer dans l'écriture de la première page en HTML, en voici le code, ce qui permet de discerner deux parties distinctes :

l'"entête" (head) et
le "corps" (body) du document

Code

<html>

<head>

<title>

Mon titre

</title>

</head>

<body>

Ma première page

</body>

</html>

La balise <title> permet de donner un titre à chacune de vos pages. Ce titre sera reproduit dans le bandeau de la fenêtre ouverte juste avant le nom du navigateur (par défaut sur fond bleu sous Internet Explorer). C'est aussi ce titre qui apparaîtra comme premier lien cliquable pour les réponses fournies par les moteurs de recherche. Il doit donc être le plus explicite possible pour aider l'internaute.

Dans les leçons suivantes et afin de ne pas alourdir le code présenté, les balises d'entête et de corps du document seront volontairement omises, seul le code de la nouvelle notion à acquérir sera indiqué.

Résultat

Enregistrement de votre page avec l'extension ".htm".

Dans l'explorateur de document, il est préférable de créer un répertoire qui comportera ensuite tous les fichiers constitutifs de votre site (exemple "D:/MonSite/").

Il faut lancer ensuite l'éditeur de texte (exemple : bloc-notes) : "Démarrer-Programmes-Accessoires-BlocNotes".

Après avoir tapé le code ci-dessus, il faut enregistrer le fichier dans le répertoire créé tout en modifiant l'extension ".txt" en ".htm". Si vous programmez sous environnement MAC, l'extension du fichier sera ".html".

Pour voir le résultat, il suffira de doucle-cliquer dans l'explorateur sur le fichier enregistré pour que votre navigateur se lance et affiche ainsi votre "PremierePage.htm".

Si vous voulez à nouveau modifier la page affichée, un clic droit sur celle-ci vous permettra d'accéder à la commande "Afficher la source".

Commentaires

Même si c'est votre première page HTML créée, je vous précise dès à présent comment insérer des commentaires dans les pages HTML. En effet, vous allez vite vous apercevoir que le code des pages s'allonge et de façon à ne pas s'y perdre, il est de bon ton d'ajouter des remarques pour vous aider lors d'un retour dans la programmation de la page quelques temps plus tard, voire pour aider un webmaster qui viendrait vous succéder dans la maintenance du site.