HTML : langage universel utilisé pour communiquer
sur le Web
N.B : En HTML, vous n'avez pas la maîtrise totale
de votre document.
Outils :
Un éditeur de texte tout simple comme par
exemple le Bloc-notes ou Notepad.
Un browser (ou navigateur) soit Netscape Navigator,
Internet Explorer , Mozilla
Balises ou tags :
<HTML> Ceci est le début d'un document
de type HTML.
</HTML> Ceci est la fin d'un document de type
HTML.
<HEAD> Ceci est le début de la zone
d'en-tête.(Prologue au document contenant des informations destinées
au browser)
</HEAD> Ceci est la fin de la zone d'en-tête.
<TITLE> Ceci est le début du titre de
la page.
</TITLE> Ceci est la fin du titre de la page.
<BODY> Ceci est le début du document
proprement dit.
</BODY> Ceci est la fin du document proprement
dit.
Chaque balise de début d'une action, soit <...>,
correspond une balise de fin d'une action </...>.
Les balises ne sont pas "case sensitive". Il est donc équivalent
d'écrire <HTML>, <html>, <Html>
Exemple : à sauver le document au format html
<HTML>
<HEAD><TITLE>le nom du document</TITLE></HEAD>
<BODY>texte simple<BR>
<B>texte en gras</B><BR>
<STRONG>texte en gras</STRONG><BR>
<I>texte en italique</I><BR>
<EM>texte en italique</EM><BR>
<B><I>texte en gras et en italique</I></B><BR>
<FONT SIZE=5>texte</FONT>
<FONT COLOR="#0000FF">en bleu</FONT>
<!--C'est fini-->
</BODY>
</HTML>
Autres balises ou tags :
<U>...</U> souligne le texte
<BLINK>...</BLINK> affiche un texte clignotant
<SUB>...</SUB> <SUP>...</SUP> texte en indice et en
exposant : escalierescalierescalier
<DIV align=left>...</DIV> Permet d'aligner différents éléments
<P></P> Saut de ligne, insert une ligne vierge
<UL></UL> Texte sous forme de liste non-ordonnée.
<OL></OL> Texte sous forme d'une liste ordonnée.
Les liens :
Html (Hyper Text Markup Language) est un langage hypertexte (et hypergraphique)
qui vous permet en cliquant sur un mot, généralement souligné
(ou une image) de vous emmener :
- vers un autre endroit du document.
- vers un autre fichier Html situé sur votre ordinateur.
- vers un autre ordinateur situé sur le Web.
<A HREF="URL ou Adresse">...</A> lien
Lien externe : Tout ordinateur situé
sur Internet possède une adresse ou une URL (Universal Ressource Locator)
Exemples http://serveur/chemin.../fichier
ftp://serveur/chemin.../fichier
mailto:utilisateur@hôte
Lien local : ensemble des éléments
d'un site (fichiers htm, images) dans un même répertoire.
Exemples : fichier.htm
Lien mixte : lien vers un fichier situé
à un autre endroit de votre ordinateur
file:///lecteur:/répertoire/fichier.htm (en adressage absolu).
../../../fichier.htm (en adressage relatif).
Liens peuvent aussi pointer vers un endroit précis du même document
ou d'un autre fichier. C'est ce qu'on appelle les ancres, ancrages ou pointeurs
[Anchor].
Point d'ancrage <A NAME="***">...</A> Ceci est une cible
Lien vers une ancre dans la même page <A HREF="#***">...</A>
Lien vers la cible *** dans la même page
Lien vers une ancre dans une autre page <A HREF="URL#***">...</A>
Lien vers la cible ***dans une autre page
Les images :
Deux formats d'image reconnus sur le Web, le format GIF et le
JPEG :
GIF (256 couleurs max.) : charge progressivement l'image lors de l'ouverture
d'une page.
JPG recommandé pour des images avec des tons nuancés ou
dégradés.
<IMG SRC="Adresse de l'image"> Afficher
l'image qui se trouve à l'adresse...
Attributs :
Texte alternatif alt="****" Browser n'ayant pas l'option "image"
activée
Dimensions width=?height=? Hauteur et largeur (en pixels)
Bordure border=? (en pixels)
Alignement align=topalign=middlealign=bottonalign=leftalign=right
Lien sur image :
<A HREF="document.htm"><IMG SRC="image.gif"></A>