Vous êtes sur la page 1sur 5

UNIVERSITE CHOUAIB DOUKKALI Année Universitaire 2019/2020

ECOLE NATINALE DE COMMERCE ET DE GESTION - ENCGJ

Semestre 2
Module : Instruments Quantitatifs Élément de module : Informatique de Gestion I

Aide Mémoire – Langage HTML

>> Syntaxe générale d’une balise HTML :


<Nom_balise attribut1= valeur 1 attribut2= valeur 2 …. > [texte quelconque </Nom_balse>]

[ ] : Partie optionnelle du code HTML à enlever si la balise ne possède pas de fermeture.

Balise Attribut
Emplacement Description
Début Fermeture Nom Valeur

<!-- --> Tout le code HTML Insertion des commentaires dans un code HTML.

<HTML> </HTML> Délimite le début et la fin de tout le code HTML d’une page web.

<HEAD> </HEAD> Délimite le début et la fin de la partie En-tête du code HTML

<TITLE> </TITLE> Partie EN-TETE du code HTML Définit le titre de toute une page web.

<BODY> </BODY> Délimite le début et la fin du Corps de la page web

BGCOLOR (XYZ)16 Définit la couleur du fond de l'écran.

BACKGROUND Précise le chemin de l'image (.gif, .jpg, etc.) du fond d'écran.

TEXT (XYZ)16 Définit la couleur de tout le texte de la page web.

LINK (XYZ)16 Définit la couleur des liens non visités.

Pr. EL HAMZAOUI Mustapha #1/5#


VLINK (XYZ)16 Définit la couleur des liens déjà visités.

ALINK (XYZ)16 Définit la couleur des liens activés.

<BR> Partie BODY du code HTML Insert un saut de ligne.

<HR> Partie BODY du code HTML Insert une barre horizontale de séparation.
Met en forme les titres d’une page web. La taille du titre diminue avec
<Hi> </Hi> Partie BODY du code HTML
l’augmentation du niveau i (i=1,2,3,4,5,6).
<B> </B> Partie BODY du code HTML Met un texte en gras.

<I> </I> Partie BODY du code HTML Met un texte en italique.

<S> </S> Partie BODY du code HTML Barre un texte.

<U> </U> Partie BODY du code HTML Souligne un texte

<CENTER> </CENTER> Partie BODY du code HTML Centre un texte, une image, un tableau, etc.

<SUB> </SUB> Partie BODY du code HTML Met un texte en indice

<SUP> </SUP> Partie BODY du code HTML Met un texte en exposant

Partie BODY du code HTML Défile un texte dans les quatre direction spossibles.
<MARQUEE> </MARQUE> Précise le sens de défilement : Left (vers la gauche), right (vers la droite), UP
DIRECTION left, right, up et down
(vers le haut) et DOWN (vers le bas).
<ADDRESS> </ADDRESS> Partie BODY du code HTML Mise en forme spéciale des adresses.

Partie BODY du code HTML Mise en forme d’un texte

<FONT> </FONT> SIZE Définit la taille de la police d’un texte de 1 à 7.

COLOR (XYZ)16 Définit la couleur d’un texte.

Partie BODY du code HTML Définit un paragraphe


<P> </P>
ALIGN Définit la valeur de l’alignement d’un paragraphe

<UL> </UL> Partie BODY du code HTML Insert une liste non ordonnée (liste à puces ou liste non numérotée)

<LI> Partie BODY du code HTML Définit les éléments d'une liste.

<OL> </OL> Partie BODY du code HTML Insert une liste ordonnée (liste numérotée)

Pr. EL HAMZAOUI Mustapha #2/5#


Partie BODY du code HTML Définit un lien hypertexte (<A href= …..>)
Définit un lien vers une page qui se trouve dans le même emplacement que la
HREF "*.htm"
page du lien.
"*.htm#Ancre" Définit un lien vers une ancre d’une page quelconque.

"http://*.com" Définit un lien vers une page externe (adressage absolu)

"mailto:*r@*.com" Définit un lien de la messagerie électronique.


<A> </A>
"#saut" Définit un lien sur une ancre de la même page.

TARGET "Nom_cadre " Affiche le contenu du lien (href) dans le cadre Nom_cadre.

"_self" Affiche le contenu du lien (href) dans le même cadre.

"_blank" Affiche le contenu du lien (href) dans une nouvelle fenêtre.

NAME "saut " Définit une ancre (<A name=…..>).'

Partie BODY du code HTML Insert une image d’emplacement bien défini.

SRC Spécifie le chemin du fichier image.

WIDTH Spécifie la largeur de l’image.


<IMG>
HEIGHT Spécifie la hauteur de l’image.

ALT Spécifie le texte à afficher en cas d’un problème d’affichage de l'image.

BORDER Définit l’épaisseur (en pixels) de la bordure de l'image.

Partie BODY du code HTML Insertion d’un d'un tableau de structure bien définie
Spécifie la largeur du tableau, en pixels ou pourcentage de la fenêtre du
WIDTH
navigateur.
Spécifie la hauteur du tableau, en pixels ou pourcentage de la fenêtre du
HEIGHT
navigateur.
<TABLE> </TABLE> BORDER Spécifie la taille en pixels de la bordure du tableau.

CELLPADDING Spécifie l'espace en pixels entre la bordure et le contenu de la cellule du tableau.

CELLSPACING Spécifie l'espace en pixels entre les cellules du tableau.

BGCOLOR (XYZ)16 Spécifie la couleur de l’arrière plan d'une cellule.

Pr. EL HAMZAOUI Mustapha #3/5#


BORDERCOLOR (XYZ)16 Spécifie la couleur de la bordure du tableau.

BACKGROUND Spécifie le chemin de l'image d'arrière plan du tableau.

Balise TABLE Définie la ligne d'un tableau (Table Row)


Aligne à gauche toutes les données d’une ligne. (valeur par défaut de
LEFT
l’alignement)
ALIGN RIGHT Aligne à droite toutes les données d’une ligne.

<TR> </TR> CENTER Centre toutes les données d’une ligne.


Centre verticalement toutes les données d’une ligne. (valeur par défaut de
MIDDLE
l’alignement)
VALIGN TOP Aligne en haut toutes les données d’une ligne.

BOTTOM Aligne en bas toutes les données d’une ligne.

Balise TR Cellule d'un tableau (Table Data)

LEFT Aligne à gauche les données d’une cellule. (valeur par défaut de l’alignement)

ALIGN RIGHT Aligne à droite les données d’une cellule.

CENTER Centre les données d’une cellule.


Centre verticalement les données d’une cellule. (valeur par défaut de
MIDDLE
l’alignement)
VALIGN TOP Aligne en haut les données d’une cellule.

<TD> </TD> BOTTOM Aligne en bas les données d’une cellule.

COLSPAN N Fusionne N cellules adjacentes sur une même ligne

ROWSPAN M Fusionner M cellules adjacentes sur une même colonne


Spécifie la largeur d’une cellule, en pixels ou pourcentage de la fenêtre du
WIDTH
navigateur.
Spécifie la hauteur d'une cellule, en pixels ou pourcentage de la fenêtre du
HEIGHT
navigateur.
BGCOLOR (XYZ)16 Spécifie la couleur de l’arrière plan d'une cellule.

BACKGROUND Spécifie le chemin de l'image d'arrière plan d’une cellule.

<TH> </TH> Balise TR Définit l'en-tête d'un tableau. La balise TH a les mêmes propriétés de la balise TD

Pr. EL HAMZAOUI Mustapha #4/5#


Balise TABLE Spécifie la légende (titre) d’un tableau.

<CAPTION> </CAPTION> TOP Place le titre au-dessus du tableau. (Valeur par défaut).
ALIGN
BOTTOM Place le titre en dessous du tableau.
Après la fermeture de l’En-tête ou
Fichier d'index pour les cadres (frame)
dans une balise FRAMESET
<FRAMESET> </FRAMESET> ROWS (P,*) ou (m%,m%) Spécifie la largeur de la ligne en pixels (P) ou en pourcentage de la fenêtre (n,m).
Spécifie la largeur de la colonne en pixels (*,g,h) ou en pourcentage de la fenêtre
COLS (*,g,h) ou (r%,*)
(r,*)
Balise FRAMESET Structure d'un cadre (frame)

BORDERCOLOR Spécifie la couleur de la bordure

FRAMEBORDER YES Cadre sans bordure

NO Cadre avec bordure

<FRAME> NAME Attribut un nom à un cadre qui sera appelé par l’attribut Target d’une balise <A>.

NORESIZE Interdit la modification (redimensionnement) des cadres par l'utilisateur.

SCROLLING YES (NO) Précise si la barre de défilement sera toujours visible ou non (invisible).

AUTO Le navigateur déterminera si la barre de défilement est nécessaire.

SRC Spécifie le chemin de la page html à afficher dans ce cadre

>> Explications :

- En général, les codes des couleurs utilisées, dans le code HTML d’une page web, sont exprimées dans la base RGB sous forme d’un vecteur (X,Y,Z) où les
coordonnées X, Y et Z sont toutes comprises entre 0 et 255 (0≤X,Y,Z≤255).

Pr. EL HAMZAOUI Mustapha #5/5#