Le Langage HTML images dans le texte

IMAGES DANS LE TEXTE

Des images peuvent être insérées dans le texte d’un document HTML, et elles sont au format GIF ou JPG.
Elles peuvent servir de prises d’hypertextes :
F soit toute l’image réagit à un clic. F soit l’image réagit en fonction de la zone où le clic s’est produit (on parle dans ce cas là d’IMAGE CLIQUABLE OU REACTIVE.)
Les commandes sont les suivantes :
F <IMG SRC= »nom_image.gif »> pour insérer une image locale, où nom_image.gif est le nom complet du fichier avec éventuellement son chemin relatif à partir du répertoire du document HTML.
F <IMG SRC= »URL »> pour insérer une image distante. URL étant l’adresse complète du fichier image.
F <A HREF= »#etiquette »><IMG SRC= »nom_image.gif »></A> pour effectuer le lien sur le point de branchement de nom : etiquette, du document courant, en cliquant sur l’image nom_image.gif qui est la prise d’hypertexte. (nom_image.gif est le nom complet du fichier image).
F <IMG SRC= »nom_image.gif » ISMAP> pour une image cliquable (ou réactive). Les images cliquables permettent des liens selon l’endroit du &quotclic » de la souris dans l’image. La requête est transmise à un programme exécutable (souvent IMAGEMAP.EXE) qui associe les coordonnées du &quotclic » à l’adresse correspondante.
Pour ces commandes les options suivantes sont possibles :
ALIGN=left/right/top/texttop/middle/absmiddle/baseline/bottom/absbottom F left : positionne l’image à gauche de l’écran. F right : positionne l’image à droite de l’écran. F top : positionne le sommet de la ligne de texte au sommet de l’image. F texttop : positionne l’axe horizontal de la ligne de texte au sommet de l’image. F middle : positionne la base de la ligne de texte au milieu de l’image. F absmiddle : positionne l’axe horizontal de la ligne de texte au milieu de l’image. F baseline : positionne la base de la ligne de texte à la base de l’image. F bottom : positionne la base de la ligne de texte à la base de l’image. F absbottom : positionne la ligne de texte au bas de l’image.
WIDTH=n ou n% HEIGHT=m ou m% redimentionnent l’image : n et m valeurs de la largeur et de la hauteur de l’image en pixels ou n% et m% valeurs relatives par rapport à la taille normale de l’image.
VSPACE=n HSPACE=méloignent le texte de l’image de n pixels au-dessus et au-dessous de l’image et de m pixels à gauche et à droite de l’image.
BORDER=n trace un cadre autour de l’image avec un trait de n pixels de large.
ALT= »texte » le « texte » est une alternative à l’image lorsque le logiciel client WWW utilisé ne peut afficher l’image.
Plusieurs options peuvent être utilisées ensemble

TABLEAUX


Les commandes sont les suivantes :

pour créer un tableau.
Pour cette commande les options suivantes sont possibles :
BORDER : trace un cadre en trait fin BORDER=n : trace un cadre en trait de n pixels d’épaisseur CELLSPACING=n : espacement de n pixels entre les cellules. CELLPADDING=n : espacement autour de l’écriture dans les cellules. WIDTH=n ou n% : largeur en pixels ou largeur relative du tableau.
Remarque cellspacing et cellpadding ont priorité sur width.
nomtableau
pour indiquer le nom du tableau.
Pour cette commande l’option suivante est possible :
ALIGN=top/bottom : place le nom du tableau au-dessus/au-dessous du tableau.

encadre une ligne du tableau.
Pour cette commande les options suivantes sont possibles :
ALIGN=left/right/center : position horizontale (gauche/droite/centre) du texte dans les cellules de la ligne.
VALIGN=top/middle/bottom/baseline : position verticale (haut/milieu/bas/bas) du texte dans les cellules de la ligne.

encadre une cellule d’en-tête du tableau. (cellule pouvant contenir un texte alphanumérique, une image, une liste, un lien, un autre tableau ou rien)(texte en gras).
Pour cette commande les options suivantes sont possibles :
ALIGN=left/right/center : position horizontale (gauche/droite/centre) du texte dans la cellule d’entête. COLSPAN=n : fusionne n cellules horizontalement. ROWSPAN=n : fusionne n cellules verticalement. NOWRAP : supprime la césure éventuelle du texte de la cellule d’en-tête.

encadre une cellule du tableau. (cellule pouvant contenir un texte alphanumérique, une image, une liste, un lien, un autre tableau ou rien)
Pour cette commande les options suivantes sont possibles :
ALIGN=left/right/center : position horizontale (gauche/droite/centre) du texte dans la cellule. COLSPAN=n : fusionne n cellules horizontalement. ROWSPAN=n : fusionne n cellules verticalement. NOWRAP : supprime la césure éventuelle du texte de la cellule.

Cours gratuitTélécharger le cours complet

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *