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