Le HTML, le format des pages web. (1)

Nous allons ici nous initier au HTML. Cette leçon n’est pas indispensable (des logiciels gratuits le font automatiquement) mais je vous recommande tout de même vivement de la suivre afin de pouvoir régler quelques problèmes, que les logiciels n’arrivent pas à gérer, manuellement et pour faire à la main ce que les logiciels ne savent pas faire. Il vous faudra aussi connaître le fonctionnement de base du HTML pour insérer des scripts tout faits, qui vous seront proposés par la suite.

Editeur

Pour créé un fichier HTML, il suffit d’utiliser un éditeur de texte simple. Justement Windows en possède un. Pour l'ouvrir, cliquez sur puis sur et enfin sur .

Tag

Le HTML est constitué de tags qui permettent de définir, principalement, l’apparence des différents éléments de votre page. Ils peuvent être écrits en majuscule ou en minuscule. Un tag est entouré de ces deux signes < et >. Il faut pratiquement toujours un tag d’ouverture et un tag de fermeture qui sera formé, en plus des deux signes d‘une barre oblique juste après le premier comme ceci />. Par exemple, si l’on veut avoir ce résultat à l’écran :

Ce texte est en italique

On écrira :

<I>Ce texte est en italique</I>

Les tags peuvent s’imbriquer les uns dans les autres, par exemple, si l’on veut voir ce résultat à l’écran :

Ce texte est en italique et en gras

On écrira :

<I>Ce texte est en italique<STRONG>et en gras</STRONG></I>

Ossature

Pour que le navigateur reconnaisse le fichier html en tant que tel, l’ensemble du code est entouré du tag <HTML> et </HTML>. A l’intérieur de celui-ci, on distingue deux parties importantes : la "tête" (entourée du tag <HEAD> et </HEAD>) à l’intérieur duquel se trouve les informations non-visibles sur la page (auteur, descriptions, mot-clés...) et le titre de la page, et le "corps" (entouré du tag <BODY> et </BODY>) à l’intérieur duquel se trouve le contenu en lui même. Voici donc l’ossature type :

<HTML>
     <HEAD>
          <TITLE>Titre de la page</TITLE>
          ...etc...
     </HEAD>
     <BODY>
          <ITALIC>Ce texte est en italique<STRONG>et en gras</STRONG></ITALIQUE>
          ...etc...
     </BODY>
</HTML>

Les décalages et les couleurs sont là juste pour que visualisiez bien la structure du code.

 

Attributs d'un tag

Certains tag peuvent contenir des attributs, c'est à dire différents paramètres modifiables. On peut ainsi, par exemple, définir la couleur de fond d'une page. Pour cela, on ajoutera au tag <BODY> l'attribut bgcolor="red" pour avoir un fond de page rouge. Ce qui donne :

<BODY bgcolor="red"> 

 1 / 2

 
version imprimable

   

     
     

  

 
 

 

 


Creer
SonSiteWeb.com - couac 2003
accueil | cours | annuaire | dico | boutique | forum | contact