HTML : première page

Introduction

Sous l'apparence graphique et dynamique d'une page html se cachent simplement quelques lignes de texte. Pour nous en persuader, nous allons créer une page nous-mêmes...
Pour cela, il nous faut un éditeur de texte (dans le monde de Microsoft Windows, note pad, ou bloc note en français).

Ecrivons les lignes suivantes dans le fichier texte:

<HTML>
<HEAD>
</HEAD>
<BODY>
Bonjour le monde.
</BODY>
</HTML>

Je n'ai pu résister à ce fameux "Hello World" ;-) .

Ensuite, nous pouvons sauver notre page sous le nom: page1.html (c'est l'extension .html qui détermine que le fichier doit être ouvert par le navigateur).
Lorsque nous ouvrons le fichier, une page vide (blanche sous Internet Explorer) avec l'inscription Bonjour le monde s'offre à nous.

Bien sur, ce n'est qu'un début (nous allons étoffer cette page avec le temps), mais c'est notre première page en HTML.

Structure d'une page en html

En regardant le code de notre page1.html, nous pouvons en tirer quelques enseignements:

La page est constituée de mots clés appelés balises ou tags(HTML, HEAD, BODY).
Ces balises sont encadrées par les caractères < et >.
Les balises que nous rencontrons ici vont par paires: nous pouvons dire qu'une balise est ouverte, puis fermée .
Pour fermer une de ces balises, nous utilisons le signe / .

De plus, il faut savoir que:

Les balises peuvent êtres en majuscules ou en minuscules; le fait d'écrire les balises en majuscules permet une lecture plus facile du code, mais la norme XHTML demande l'utilisation des noms de balises en minuscules.

<- Caractères HTML Optimisation Web ->

Réseaux sociaux

|Plus d'options...

Vous pouvez modifier vos préférences dans votre profil pour ne plus afficher les interactions avec les réseaux sociaux sur ces pages.

Nuage de mots clés

9 mots clés dont 0 définis manuellement (plus d'information...).

Avertissement

Cette page ne possède pas encore de mots clés manuels, ceci est donc un exemple automatique (les niveaux de pertinence sont fictifs, mais les liens sont valables). Pour tester le nuage avec une page qui contient des mots définis manuellement, vous pouvez cliquer ici.

Vous pouvez modifier vos préférences dans votre profil pour ne plus afficher le nuage de mots clés.

Structure du document

Réseaux sociaux
Nuage de mots clés
- Avertissement :

Astuce pour imprimer les couleurs des cellules de tableaux : http://www.gaudry.be/ast-rf-450.html

Aucun commentaire pour cette page

tection. Enregistrement IDDN n° 5329-124
Document créé le 19/03/02 01:00, dernière modification le Vendredi 17 Juin 2011, 12:12
Source du document imprimé : http://www.gaudry.be/html-premier-pas.html Document affiché 7 fois ce mois de Mai.
St.Gaudry©07.01.02