Retour sur le weblog

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>