HTML

LE HTML ( HyperText Markup Language)

Une page HTML est construite> à l'aide de "TAGS " : , , < HR >, , < BIG >, etc…
En HTML, les trucs écrits entre < > sont appelés tags. Ils ne sont pas affichés à l'écran mais donnent des directives à votre navigateur.
Les tags vont , la plupart du temps, par deux : il y a le tag ouvrant et le tag fermant, et le tag ne s'applique qu'à ce qu'il y a entre les deux.
Ex : écrit en italique donnera :écrit en italique.
On verra plus loin les tags les plus courants.
Notez que HTML prend les retour chariot pour des espaces, c'est à dire qu'il ne va pas à la ligne. Pour aller à la ligne, il faut mettre un .
Une page web doit impérativement commencer par des < HEAD >< /HEAD > et des < TITLE >< /TITLE > bien que cela puisse fonctionner sans.
Suivis de < BODY >< /BODY > pour le corps de la page. Les éditeurs HTML les inscrivent automatiquement.

L'EN-TETE DE PAGE

L'en-tête, c'est tout ce qui est au début de la page et qui ne sera pas affiché.
Commencez par écrire au début < HTML >. C'est pour indiquer au navigateur qu'il a bien reçu une page en HTML.
Et votre page doit se terminer, par < /HTML >.
Ensuite, on va signifier que l'on commence l'en-tête proprement dite, par un autre tag, nommé < HEAD >.
Puis, dans cette partie, on va mettre le titre de la page avec le tag < TITLE >. " Ma première page HTML " par exemple. Terminé par < /TITRE >
C'est aussi dans cette région qu'on peut mettre les META, que nous verrons plus tard.
Pour l'instant, fermons par un < /HEAD >.
Il faut maintenant ouvrir le corps du document, c'est à dire la partie principale, avec le tag < BODY >.
Les tags peuvent avoir des paramètres. Ainsi, on peut se servir de BODY pour redéfinir les couleurs d'affichage par défaut.
La commande < BODY BGCOLOR="#FFFFFF" > permet d'afficher sur un fond blanc. Les couleurs ainsi définies sont au format RRVVBB.
La variable TEXT="#RRVVBB" donne la couleur du texte, LINK="#RRVVBB" la couleur des liens , VLINK="#RRVVBB" pour les liens déjà visités et ALINK="#RRVVBB" pour les liens actifs..
(Ne pas oublier le symbole # : Alt Gr+3)

Voici ce que l'on obtient :
< HTML >
< HEAD >
< TITLE >Ma première page HTML< /TITLE >
< META NAME="Description" CONTENT="">
< META NAME="Keywords" CONTENT="">
< META NAME="Author" CONTENT="">
< META NAME="Generator" CONTENT="">
< /HEAD >

< BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#00FF00" >

**
**
< /BODY >
< /HTML >

( Comme il l'a été écrit, on verra l'utilité des Tags META plus tard )

TITRES

On peut d'utiliser les titres prédéfinis, avec les tags , où n est un nombre entre 1 et 6. Plus n est grand, plus le titre est petit.
Par exemple, un texte situé entre les tags < H1 > et < /H1 > sera un gros titre, entre < H6 > et < /H6 > ce sera un titre plus petit.
Si vous voulez un titre personnalisé (centré, ou à droite, ou dans une autre couleur, ou en italique, ou dans une autre taille, ou tout ceci ensemble), il faudra utiliser les tags de mise en forme.

LES PARAGRAPHES

Pour créer un paragraphe, on utilise le tag , qui en définit le début. Il en profite pour insérer une ligne vide.
L'intérêt du tag P est son paramètre ALIGN, qui permet de changer l'alignement du texte que l' on peut mettre à droite ou au centre, avec les options "left", "center" ou "rigth"
CODE---------------------------> EFFET

TEXTEgauche

TEXTEgauche

TEXTEcentre

TEXTEcentre

TEXTEdroit

TEXTEdroit

Pour les Navigateurs les plus récents (version 4), le paramètre "justify" est supporté

MISE EN FORME

Les tags de mise en forme fonctionnent tous de la même façon, c'est à dire qu'ils modifient le texte mis entre < TAG > et < / TAG>.

Voici des tags simples:

TAG	RESULTAT

B	En GRAS
I	En Italique
U	Souligné
BIG	Plus GROS
SMALL	Plus PETIT
SUB	Indice
SUP	Exposant
ADDRESS	Mettre une adresse
BLOCKQUOTE	Paragraphe en retrait
TT	Largeur caractères fixe

LE TAG "FONT"

Le tag FONT modifie la taille et la couleur du texte qui se trouve dedans, grâce aux variables COLOR et SIZE.
SIZE modifie la taille des caractères, soit de façon relative (c'est à dire par rapport à une taille de caractère par défaut), soit de façon absolue (et indépendante de la taille de base).

Voici des exemples de tag FONT:

ABSOLU	RESULTAT	RELATIF	RESULTAT

1	résultat	-1	résultat
2	résultat	+1	résultat
3	résultat	-2	résultat
4	résultat	+3	résultat

Remarque:On peut également modifier la taille de la fonte par défaut, avec le tag BASEFONT.
On peut aussi, pour les navigateurs récents, modifier la fonte utilisée avec l'option FACE.
Le tagtexte en Verdana met le texte en fonte Verdana.

Un exemple de code HTML:
 texte du document
donne : texte du document

On obtient un texte moyennement gros (+1), en caractères Arial, dans une couleur verte.

Les tags FONT peuvent s'intercaler les uns dans les autres comme des boites Gigognes.

petitgrandrougevertrouge
donne : petitgrandrougevertrouge

LE TAG HR

Le tag < HR > mis dans un document signale que l'on insère une "ligne horizontale".
Avec les paramètres SIZE et WIDTH on peut en varier la taille.
Voici un exemple:< HR SIZE=5 WIDTH=60% >
résultat:

Les codes META:

< META NAME ="author" CONTENT="UNTEL" >.......... indique l'auteur de la page
< META NAME ="description" CONTENT="CONTENU" >...... indique le contenu de la page
< META NAME ="keywords" CONTENT="Mots clefs" >...... indique les mots clefs que les moteurs de recherches utiliseront.
< META NAME ="generator" content="Editeur" >......indique le programme HTML utilisé
< META NAME ="robots" content="nom1, nom2.." >....indique les autres pages à indexer aux robots

SOMMAIRE HTML

RETOUR vulgarisation