|
|
|
Pour être déchiffrée par un
navigateur et être publiée, une page Internet doit être
écrite en HTML (Hyper Text Markup Language ou langage
hypertexte à balises). Il ne s'agit pas vraiment d'un langage
au sens de la programmation. Une page HTML est uniquement destinée
à être déchiffrée par un navigateur. Ce
langage peut être utilisé sans matériel
spécifique: le "Bloc-Note" de Windows suffit à
la confection de pages HTML. Ce langage, peu compliqué,
présente la structure suivante:
<HTML>
<HEAD>
<TITLE>Titre
de la page</TITLE>
</HEAD>
<BODY>
Corps
du programme
</BODY>
</HTML>
L'en-tête est placée dans le conteneur <HEAD>.
Il contient souvent uniquement le titre de la page, qui sera affiché
dans la barre de titre du navigateur. Il peut aussi contenir <META>,
qui est utilisé pour le classement automatique d'une
présentation par les moteurs de recherche.
Tout le reste du programme se trouve dans le conteneur <BODY>.
C'est dans ce conteneur que tout le programme est inscrit, il peut
afficher des images, lire des sons, des vidéos...
C'est
dans ce conteneur que se trouvent les commandes suivantes:
<DIV
ALIGN=CENTER> : Aligne le texte au centre. Se termine par </DIV>
pour marquer la fin de l'instruction.
<DIV ALIGN=LEFT>
ou <DIV ALIGN=RIGHT> : Alignent le texte à gauche ou à
droite. Se terminent par </DIV> pour marquer la fin de
l'instruction.
<BR>: Retour à la ligne suivante
<IMG SRC="nom.jpg"> : Insert une image
<BODY BACKGROUND="images.gif"> : Permet
d'afficher une image en arrière plan.
<BODY
BGCOLOR="Blue"> Permet d'afficher une couleur d'arrière
plan. RETOUR
En HTML, il existe 6 niveaux différents de titre,
classés selon leur ordre d'importance :
Les liens se présentent souvent sous la forme d'un
texte bleu et souligné, ou d'une image réactive. En
code HTML, il se présente comme ceci:
<A
Href="http://www.jbaumann.ch/jb">
www.jbaumann.ch/jacques </A>
Ce qui donne ce résultat:
www.jbaumann.ch/jb
"Href" signifie "Hypertext Reference", et
il est suivi de l'URL à charger. Vient ensuite le texte du
lien, ici "www.jbaumann.ch/jb", puis </A>, qui
permet "d'arrêter" le lien, d'empêcher qu'il ne
se poursuive sur les parties suivantes du fichier HTML. Il est donc
indispensable de ne pas oublier le conteneur </A> à la
fin de chaque lien. Pour faire une image réactive, le procédé
sera le même, mais on utilisera le conteneur <IMG
SRC="image.jpg"> à la place du texte du lien.
Un tableau en HTML se présente comme suit:
<TABLE
BORDER=1>
<TR>
<TD>Ordinateurs</TD><TD>Modems</TD>
</TR>
<TR>
<TD>25</TD><TD>42</TD>
</TR>
<TR>
</TABLE>
Ces
instructions permettent d'obtenir:
|
Ordinateurs |
Modems |
|
25 |
42 |
Le conteneur <TABLE BORDER=1>, permet de
sélectionner l'épaisseur de la bordure. Pour faire un
tableau invisible, nous allons utiliser <TABLE BORDER=0>.
Les conteneur <TR> et </TR> permettent d'inserer une
ligne, et les conteneur <TD> et </TD> permettent
d'insérer une cellule. Ainsi, l'utilisateur peut choisir à
sa guise la taille du tableau. Il est également possible
d'insérer une image, un lien, ou une couleur de fond dans un
tableau.
Il existe de nombreuses autres instructions en
HTML. Les exemples ci-dessus ne sont que les instructions les plus
courantes. Avec de bonnes connaissances en HTML, du fait de la
simplicité de ce langage, un site Internet peut être
rapidement réalisé. Il existe une autre façon de
réaliser son propre site Internet, à l'aide d'éditeurs
HTML, qui n'exigent aucune connaissances particulières.