| LEXIQUE - BALISES HTML |
CI JOINT QUELQUES INFORMATIONS POUR VOUS AIDER SUR LE HTML |
< ....... > et <........ /> = < .........> ..... appelés aussi marqueurs.
© copyright = © ......... droit d'auteur
Dièse ........ # .......... (nom masculin, le dièse)
Esperluette …… & & ..... (nom féminin) signe typographique pour remplacer le "et"
<A> . . . </A> (pour Ancre) n'est jamais utilisé seul, mais avec un attribut
par exemple: Href ou Name.
<!--commentaire--> ..... N'apparaît pas en clair mais uniquement dans la source
du document.
A
<A HREF=nom du lien> ..... Pour établir un lien
<ADRESS> ..... </ADRESS> ..... Pour la mise en valeur de texte, si on souhaite
donner son adresse, tph,.. se place n'importe
où mais généralement en fond de page avant </BODDY>.
<ALIGN ..... Pour déterminer un alignement gauche, droite, centre.(left,right,center)
Alink ..... Qui définit la couleur du lien lors de sa sélection (activé) ..... voir BODY
<ALT="Le referencement de votre site> ..... Affiche un texte en remplacement
de l'image durant son téléchargement.
Ancre ..... Dans la création d'un lien ciblant sur une partie de document,
matérialise cet objectif où va se positionner la page (en anglais ANCHOR)
<APPLET= ..... </APPLET> ..... Pour un applet java avec CODE,WIDHT, HEIGHT
<AREA XXX= ..... > ..... Pour un lien d'une image IMAP avec sa forme SHAPE,
ses coordonnées en pixels COORDS (voir BODY ONLOAD)
B
<B> ..... </B> ..... Texte en gras (voir STRONG)
Background ..... Ajouté à la balise BODY pour définir l'arrière-plan
d'une page à l'aide d'une image.
<BASEFONT SIZE= ..... > ..... Taille des caractères entre 1 et 7 avec la valeur 3
par défaut
Bgcolor ..... Ajouté à la balise BODY pour définir l'arrière-plan d'une page
à l'aide d'une couleur en valeur hexadécimale.
<BLINK >..... </BLINK> .....Fait clignoter le texte, sous Netscape seulement (à éviter)
<BLOCKQUOTE> ..... </BLOCKQUOTE> ..... Déporte la marge gauche
d'un certain retrait.
<BODY> ..... >/BODY> ..... Encadre le corps du document
<BODY BACKGROUND=image> ..... Utilise une image comme couleur de fond
de page.
<BODY BGCOLOR="#FF00FF"> ..... Image de fond de page avec une couleur
de valeur hexadécimale.
<BODY TEXTE= Couleur du texte du document par défaut .....
BGCOLOR=couleur de fond de page .....
LINK=couleur des liens non activés .....
VLINK=couleur des liens déja activés .....
ALINK=couleur des liens à l'instant où on les active ..... </BODY>
<BODY ONLOAD="Nom de commande"> ..... Pour attributs et paramètres
de la commande du script ..... </BODY>
BORDER=x est l'attribut qui permet de définir l'épaisseur d'un trait en pixels
qui entoure un cadre.
<BR> Saut de ligne provoqué volontairement (retour à la ligne)
voir différence avec <P>.
Button ..... Pour formulaire, voir FORM
C
Cadres ..... Nom français des FRAMES en anglais.
<CAPTION ALIGN=CENTER> ..... Pour centrer un titre dans un tableau
<CAPTION ALIGN=LEFT ou RIGHT> ..... Alignement du titre d'un tableau à gauche
ou droite
Cellpading ..... Suit la balise TABLE pour définir l'espace entre le bord et le texte
d'un tableau (voir TABLE)
Cellspacing ..... Suit la balise TABLE pour définir l'espace entre les cellules
d'un tableau. (voir TABLE)
Citation ..... Voir BLOCKQUOTE
<CENTER> ..... </CENTER> ..... Centre tout ce qui se trouve entre ces deux tags.
<CITE> ..... </CITE> ..... Pour une citation, et en général est en italique
automatiquement
Coords ..... Voir APPLET
<CODE> ..... </CODE> ..... Pour la mise en forme d'un code source
Cols ..... Pour les Cadres définit la dimension en largeur des cadres verticaux.
( Affiche les bords intérieurs entre les colonnes du tableau.)
Colspan ..... Détermine la fusion horizontale de cellules. (voir TD COLSPAN)
Color ..... définit la couleur, voir FONT, HR,
D
<DEL> ..... </DEL> ..... Pour barrer horizontalement un texte
<DIV ALIGN=CENTER> ..... </DIV> ..... L'image inclus est centré
<DIV ALIGN=LEFT ou RIGHT> ..... </DIV> ..... L'image est aligné à gauche ou à droite.
E
<EM> ..... </EM> ..... Formatage du texte en italique. (formatage = mise en forme)
Espace insécable ..... Qui ne peut être divisé = ou  
Exposant ..... Voir SUP
F
<FONT> . . . </FONT> ..... Pour agir sur une partie distincte et associés
avec Size ou Color.
<FONT COLOR="couleur"> ..... Couleur du texte en "hexadécimal"
ou nom en anglais
<FONT FACE=taille de la police> ......
<FONT SIZE="+2"> ..... Taille des caractères de 1 à 7 et 3 par defaut.
<FORM> ..... </FORM> .....Encadre la structure d'un formulaire.
<FORM ACTION="url" METHOD=POST> ..... </FORM> ..... L'url définit le serveur
où est déposé le script CGI et METHOD détermine le type de transmission.
Frame ..... Décrit le contenu de chacun des Cadres qui composent le fichier.
<FRAME SRC="nom du fichier" > ..... Pour définir dans un FRAMESET
le contenu des FRAMES concernées.
Frameborder= ..... (0 ou 1) pour les cadres et uniquement à l'intention d'Internet
Explorer, permet de définir si les cadres ont ou pas de bordure. (en pixels)
<FRAMESET> ..... </FRAMESET> ..... Pour définir le nombre de colonnes ou lignes
d'un fichier de Frames, placé obligatoirement entre les tags <body> et </body>.
Framespacing= ..... Définit un espace entre les Cadres et s'exprime en pixels.
Frame scr= ..... Va indiquer la source de l'élément à placer dans le cadre défini
par "name".
G
Gras ..... style du texte en gras, (voir B).
H
<H3> . . . </H3> ..... (header) pour définir la dimension des caractères de titres,
de H1 à H6.....H8....etc...
<H1 ALIGN=CENTER> ..... </H1> ..... titre 1 est Centré ou Left =gauche
et Right =droite.
<HEAD> ..... </HEAD> ..... Zone d'en-tête d'un fichier contenant des instructions
particulières, dont le TITRE.
Height ..... Hauteur en % ou pixels de certains éléments.
<HR> ..... Provoque une ligne horizontale, avec un effet de profondeur ou en noir.
<HR NOSHADE> ..... Pour créer un trait normal avec possibilité d'ajouter color=red
(par ex.) mais qui apparaîtra seulement sur Internet Explorer..
<HR ALIGN=LEFT gauche
=RIGHTdroite .....
=SIZE=5 épaisseur de la ligne .....
=WIDTH=378 pixels ou 75% .....
NOSHADE COLOR="#006633" ou green (vert)> ..... Pour définir l'emplacement
horizontal, l'épaisseur du trait, sa largeur par rapport à la valeur de 505 pixels
ou 100% et la couleur (n'apparaît qu'avec IE)
Href associé avec <A> : <A HREF="#***"</A> , qui correspond à un lien hypertexte
menant à l'endroit de l'ancre *** placée sur le même Site. (Hypertext REFerence)
Hspace est l'attribut qui sert à définir en pixels l'écartement horizontal
entre une image et le texte.(voir vspace)
<HTML> ..... </HTML> ..... Encadre tout le contenu source html d'un fichier.
I
<I> ..... </I> ..... Texte en italique
<IFRAME> ..... Cadre inséré en local.
<IMG> ..... Pour insérer une image
<IMG SRC="referencement.gif" WIDTH=26 HEIGHT=41 ALIGN=LEFT> .....
Image "referencement.gif d'une dimension de 26x41 pixels et alignée
à gauche LEFT, à droite RIGHT ou au centre avec <CENTER> et </CENTER>
qui encadrent le tout.
<IMG SRC="referencement.gif" ALIGN=BOTTOM> texte <P> ....</P> Le texte vient
se placer en bas à droite de l'image
<IMG SRC="referencement.gif" ALIGN=TOP> texte <P> .......</P> Le texte vient
se placer à droite en haut de l'image
<IMG SRC="referencement.gif" ALIGN=MIDDLE> texte <P>......</P> Le texte vient
se placer à droite au centre de l'image
Indice ..... Voir SUB.
<INPUT> ..... Zone de saisie dans un formulaire
<INPUT TYPE=CHECKBOX NAME="nom du champ"> ..... Définition d'une
(ou plusieurs) case à cocher
<INPUT TYPE=RADIO NAME= "nom du champ"> ..... Définition d'une seule case
à cocher
<INPUT TYPE="nom du champ" VALUE="> ..... Description de l'email et de l'URL
<INPUT TYPE="SUBMIT" VALUE= "Envoyer"> ..... Pour envoyer le formulaire
<INPUT TYPE="RESET" VALUE="Effacer"> ..... Pour effacer le formulaire
pour annuler ou le recommencer si erreur.
L
<LI> ..... </LI> ..... élement d'une liste
<LINK> ..... Qui définit la couleur d'un lien non encore activé (voir BODY).
M
Mailto ..... Sert à définir un lien vers une adresse e-mail
<MAP NAME="ancre"> ..... </MAP> ..... Dans une image sensible (IMAP)
une zone bien définie fonctionne comme un lien et plusieurs liens possibles
sur une même image
Marginwidth= Précise l'espacement compris entre le contenu du cadre et le bord
droite et gauche de ce dernier.
Marginheight= Précise l'espacement compris entre le contenu du cadre et le bord
haut et bas de ce dernier.
<META ..... Pour donner des informations relatives à la page ou au Site,
à l'intention des outils de recherche. Se place entre <head> et </head>
<META NAME="Author" CONTENT="Laurent Heavens" LANG="fr">
<META NAME="Description" CONTENT="aide gratuite ">
<META NAME="Keywords" CONTENT="gratuit,amateur,">
<META NAME="Robots" CONTENT="index,follow">
N
Name= Utilisé dans un cadre permet ensuite de définir
(à l'aide de l'attribut "target") le cadre qui devra recevoir l'information
désigné par le lien. C'est comme la navigation entre cadres.
Name attribut associé avec <A> : <A NAME=#***</A> , correspond au codage ***
de l'ancre d'arrivée placée près de la cible . (utilisé pour les liens)
<NOFRAMES> ..... </NOFRAMES> ..... dans un fichier de Frames pour avertir
le visiteur si éventuellement il n'a pas activé son navigateur ou que ce dernier
est trop ancien et n'accepte pas les frames pour visualiser ce type de document.
Devenu pratiquement obsolète, sert parfois pour le référencement !
Norezine permet d'interdire la modification des dimensions des Cadres
par le visiteur.
<NOSCRIPT> ..... </NOSCRIPT> ...... idem que NOFRAMES mais pour le javascript.
Noshade ..... pour donner une couleur (seulement avec IE) voir HR.
O
<OBJECT> ..... </OBJECT> ..... pour une insertion d'éléments un peu semblable
aux applets Java.
<OL> ..... </OL> ..... utilisé dans une liste ordonnée.
<OLD START=valeur> ..... </OL> ..... définit le n° de départ d'une liste ordonnée.
<OL TYPE=a> ..... </OL> ..... la liste est numérotée à l'aide de lettres minuscules.
<OL TYPE=A> ..... </OL> ..... la liste est numérotée à l'aide de lettres majuscules.
<OL TYPE=i> ..... </OL> ..... la liste est numérotée à l'aide de repères i, ii, iii
<OL TYPE=I> ..... </OL> ..... la liste est numérotée à l'aide de repères I, II, III
<OPTION SELECTED> ..... dans un formulaire pour préselectionner une entrée
de liste.
<OPTION> ..... </OPTION> ..... entrée de liste dans un formulaire.
P
<P> ..... </P> ..... Nouveau paragraphe (correspond à 2 interlignes)
En anglais=Paragraph voir <BR>
<P ALIGN=CENTER> ..... le paragraphe sélectionné est centré.
<P ALIGN=RIGHT> ..... le paragraphe sélectionné est collé à droite.
<P ALIGN=LEFT> ..... le paragraphe sélectionné est collé à gauche
<PRE> ..... </PRE> ..... le texte est préformaté.
R
Rows ..... Pour les Cadres définit le nombre de lignes.
(Affiche les bords intérieurs entre les lignes du tableau)
Rowspan= "...." Spécifie le nombre de lignes que doit occuper la cellule
(voir TD ROWSPAN).
S
<S>...</S>..... le texte selectionné est barré.
SCR voir "frame scr" et "img scr".
<SCRIPT> .....</SCRIPT> ..... insertion de script.
<SCRIPT LANGUAGE="JavaScript"> .....</SCRIPT> Pour l'insertion d'un script Java.
<SCRIPT LANGUAGE="langue"> .....</SCRIPT> Pour l' insertion d'un autre langage.
Scrolling= Pour placer (yes, no ou auto) les barres de défilement dans les Cadres
de son choix mais surtout suivant le contenu proposé..
<SELECT> ..... </SELECT> ..... définition d'une liste dans un formulaire.
<SELECT NAME="nom de liste"> ..... </SELECT> ..... nom entre guillemets,
sans espaces ni caractères spéciaux.
Size ..... Définit la taille, voir FONT, BASEFONT, HR,
<STRIKE> ..... <STRIKE> ..... le texte sélectionné est barré.
<STRONG> ..... </STRONG> ..... formate le texte en gras (comme B)
<STYLE> ..... </STYLE> ..... utilisé pour définir les feuilles de "style".
<SUB> ..... </SUB> ..... pour définir le texte en indice : indice trois.
<SUP> ..... </SUP> ..... pour définir le texte en exposant : exposant trois
T
<TABLE> ..... Pour la structure d'un tableau marquant le début et la fin.
<TABLE BGCOLOR=couleur> ..... pour définir la couleur de fond d'un tableau
(en hexadécimal ou en anglais entre guillemets).
<TABLE BORDER=nombre> ..... pour définir l'épaisseur des lignes
dans un tableau.le chiffre zéro rend les bordures invisibles.
<TABLE BORDERCOLOR=couleur> ..... pour définir la couleur du cadre du tableau
(en hexadécimal ou en anglais entre guillemets).
<TABLE BORDERCOLORDARK> ..... pour définir la couleur la plus sombre
d'un cadre et d'un bel effet pour certains cas. Toujours associé à BORDERCOLOR.
<TABLE BORDERCOLORLIGHT> ..... pour définir la couleur la plus claire du cadre
d'un tableau dans la partie haut et gauche.
<TABLE CELLPADDING=nombre> ..... pour définir l'espacement en pixels
entre le contenu des cellules et le bord de ces cellules.
<TABLE CELLSPACING=nombre> ..... pour définir l'espacement entre chaque
cellule, y compris avec le bord du tableau.
<TABLE HEIGHT=nombre%> ..... hauteur d'un tableau en pourcentage
de la fenêtre d'affichage.
<TABLE HEIGHT=nombre> ..... hauteur d'un tableau en pixels.
<TABLE WIDTH=nombre%> ..... largeur d'un tableau en pourcentage
de la fenêtre d'affichage.
<TABLE WIDTH=nombre> ..... largeur d'un tableau en pixels.
Target= attribut servant à désigner le Cadre cible fixé par un lien.
(Associé à _self, _blank, _parent, _top, voir la page 25 des cadres pour plus de précisions)
<TD> ..... </TD> ..... désigne chaque cellule d'un tableau. --- voir aussi <TH>.
<TD ALIGN=CENTER> ..... Le texte ou sujet à l'intérieur d'une cellule est centré.
<TD ALIGN=LEFT>..... Le texte ou sujet à l'intérieur d'une cellule est déplacé
à gauche.
<TD ALIGN=RIGHT> ..... Le texte ou sujet à l'intérieur d'une cellule est déplacé
à droite.
<TD BGCOLOR=couleur> ..... pour définir la couleur de fond d'une cellule
(en hexadécimal ou en anglais entre guillemets).
<TD COLSPAN=nombre> ..... pour fusionner des colonnes dans un tableau.
<TD HEIGHT=nombre%> ..... pour fixer la hauteur d'une cellule.
<TD HEIGHT=nombre> ..... pour définir la hauteur d'une cellule en pixels.
<TD ROWSPAN=nombre>..... pour fusionner des lignes dans un tableau.
<TD VALIGN=MIDDLE> ..... pour centrer verticalement le contenu d'une cellule.
<TD VALIGN=TOP> ..... pour aligner vers le haut de la cellule son contenu.
<TD VALIGN=BOTTOM> ..... pour aligner vers le bas de la cellule son contenu.
<TD WIDTH=nombre%> Largeur d'une cellule en pourcentage par rapport
à la fenêtre d'affichage.
<TD WIDTH=nombre> largeur en pixels d'une cellule.
<TEXTAREA> ..... </TEXTAREA> ..... Zone de saisie dans un formulaire.
<TEXTAREA NAME="nom du champ" ROWS="valeur" COLS="valeur">.....
.....<TEXTAREA> ...... pour définir un champ de formulaire de plusieurs lignes
(sans espaces ni caractères spéciaux et entre guillemets) avec ROWS= nombre
de lignes disponibles et COLS le nombre de caractères par ligne de la fenêtre
de texte.
<TH> ..... </TH> ..... définit une cellule qui sert de titre. (on dit aussi d'En-Tête)
s'il s'agit d'un texte il apparaît automatiquement en gras.
<TH ALIGN=CENTER> ..... sert à centrer ce titre dans la cellule.
<TH ALIGN=LEFT> ..... aligne le titre à gauche dans la cellule.
<TH ALIGN=RIGHT> ..... aligne le titre à droite dans la cellule.
<TH ALIGN=couleur> ..... couleur de fond d'une cellule d'en-tête
(en hexadécimal ou en anglais entre guillemets).
<TH COLSPAN=nombre> ..... sert à définir le nombre de colonnes
qui vont fusionner dans une ligne.
<TH HEIGHT=nombre%> ..... hauteur d'une cellule d'en-tête en pourcentage
par rapport à la hauteur de la fenêtre d'affichage.
<TH HEIGHT=nombre> ..... hauteur en pixels d'une cellule d'en-tête.
<TH ROWSPAN=nombre> ..... pour fusionner des lignes dans une colonne.
<TH ALIGN BOTTOM> ..... pour aligner vers le bas le contenu d'une cellule d'en-tête.
<TH VALIGN=MIDDLE> ..... pour centrer verticalement le contenu d'une cellule
d'en-tête.
<TH VALIGN=TOP> ..... pour aligner vers le haut le contenu d'une cellule den-tête.
<TH WIDTH=nombre%> ..... largeur d'une cellule d'en-tête en pourcentage
par rapport à la largeur de la fenêtre d'affichage.
<TH WIDTH=nombre> ..... largeur en pixels d'une cellule d'en-tête.
<TITLE> . . . </TITLE> ..... titre de la page, placé entre <Head> et </Head>.
<TR> ..... </TR> ..... contient toutes les différents tags de la ligne d'un tableau.
U
<U> ..... </U> ..... pour souligner du texte.
<UL> ..... </UL> ..... pour les listes non numérotées à puces.
V
<VAR> ..... </VAR> ..... utilisé pour des variables dans une liste et se met
automatiquement en italiques.
Vlink..... qui définit la couleur d'un lien déja activé (visité). voir Body
Vspace est l'attribut qui sert à définir en pixels l'écartement vertical
entre une image et le texte supérieur.(voir hspace)