Une page HTML

21.06.2005

Bon, je sais qu'il y a plein de sites vulgarisant l'informatique et internet et qu'en cherchant bien on trouve tout ce qu'on veut, mais comme ma rubrique informatique est un peu vide et que je connais certaines personnes qui galèrent avec le html voici quelques éléments de bases que je complèterai au fur et à mesure.

D'abord le minimum, pour être affichée dans un navigateur une page html doit être enregistrée sous le format .html ou .htm, par exemple mapage.html ou mapage.htm Avec un simple éditeur de texte comme notepad (bloc-notes) on peut modifier cette page et y mettre les éléments indispensables :

<html>
<head>
<title> Le titre </title>
</head>
<body>
Contenu de la page
</body>
</html>

Vous pouvez enregistrer ce code dans un fichier mapage.html puis double-cliquer sur ce fichier pour le voir s'afficher dans votre navigateur.
Les éléments entre < et > sont appelés des balises, on ne peut pas les inventer, elles consituent le langage HTML. La barre / permet de distinguer les balises d'ouverture des balises de fermeture. Pour ceux qui ont un minimum de notions d'anglais il devient facile de constater que les balises <title> et </title> permettent de définir le titre de la page ! <title> est donc la balise d'ouverture du titre et </title> la balise de fermeture. Entre les 2 le texte consitue le titre de votre page.
Autre balise très employée la balise qui permet d'aller à la ligne (cette balise peut s'utiliser sans balise de fermeture ou directement comme cela : )
En effet si on écrit :

<html>
<head>
<title> Le titre </title>
</head>
<body>
Contenu de la page
sur une seule ligne !
</body>
</html>

le texte "Contenu de la page sur une seule ligne !" sera affiché sur une seule ligne dans le navigateur même si vous avez sauté une ligne en l'écrivant. Par contre si on écrit :

<html>
<head>
<title> Le titre </title>
</head>
<body> Contenu de la page 
sur deux lignes !
</body>
</html>

le texte affiché sera :
Contenu de la page
sur deux lignes !
Car le navigateur a rencontré la balise qui lui dit d'aller à la ligne.
Beaucoup d'autres balises de mise en forme du texte existent comme par exemple la balise qui permet de mettre en gras du texte : Mon texte en gras donne Mon texte en gras
La balise <center> permet de centrer votre texte au milieu de la page. A bien noter qu'à part pour la balise de saut de ligne il faut bien penser à "refermer" chaque balise avec la barre /.

Voilà pour le moment quelques éléments pour s'amuser un peu avec vos pages html.