HTML : première page

Introduction au langage HTML

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>

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 le navigateur internet) 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.

Contents Haut

English translation

You have asked to visit this site in English. For now, only the interface is translated, but not all the content yet.

If you want to help me in translations, your contribution is welcome. All you need to do is register on the site, and send me a message asking me to add you to the group of translators, which will give you the opportunity to translate the pages you want. A link at the bottom of each translated page indicates that you are the translator, and has a link to your profile.

Thank you in advance.

Document created the 19/03/2002, last modified the 26/10/2018
Source of the printed document:https://www.gaudry.be/en/html-premier-pas.html

The infobrol is a personal site whose content is my sole responsibility. The text is available under CreativeCommons license (BY-NC-SA). More info on the terms of use and the author.