HTML : première page

Table des matières

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.

Version en cache

16/11/2024 06:26:09 Cette version de la page est en cache (à la date du 16/11/2024 06:26:09) afin d'accélérer le traitement. Vous pouvez activer le mode utilisateur dans le menu en haut pour afficher la dernère version de la page.

Document créé le 19/03/2002, dernière modification le 26/10/2018
Source du document imprimé : https://www.gaudry.be/html-premier-pas.html

L'infobrol est un site personnel dont le contenu n'engage que moi. Le texte est mis à disposition sous licence CreativeCommons(BY-NC-SA). Plus d'info sur les conditions d'utilisation et sur l'auteur.