| BALISE |
ATTRIBUT |
DESCRIPTION |
| <html>...</html> |
|
page web |
| <head>...</head> |
|
tête du document |
| <title>...</title> |
|
texte dans la barre en haut de la fenetre |
| <body>...</body> |
|
corps du document |
| |
bgcolor="black" |
couleur d'arriere plan |
| |
background="image.gif" |
image d'arriere plan |
| |
text="yellow" |
couleur du texte |
| |
link="blue" |
couleur du lien non cliqué |
| |
vlink="purple" |
couleur du lien cliqué |
| |
alink="white" |
couleur du lien quand on clique dessus |
| <p>...</p> |
|
creation d'un paragraphe |
| <br> |
|
retour a la ligne |
| <hr\> |
|
ligne horizontale |
| <h1>...</h1> |
|
en tete (police de 1 à 3) |
| LIENS |
| <a>...</a> |
|
lien hypertexte |
| |
href="..." |
adresse du document vers lequel établir le lien |
| |
href="mailto: moi@hotmail.com" |
lien vers une adresse email |
| |
align="center, right, left" |
centrer, aligner à droite ou à gauche |
| |
name="top" |
inserer une ancre nommée "top" |
| |
target="blank, parent, self, top, mainFrame, leftFrame" |
l'url va s'ouvrir: ds une new fenetre, ds la structure externe, ds la meme, ds tte la fenetre et les frames disparaissent, ds la fentre principale, ds la fenetre de gauche. |
| LISTES |
| <ul><li>...</li></ul> |
|
liste à puces |
| <ol><li>...</li></ul> |
|
liste numérotée |
| <dl>...</dl> |
|
liste de termes ou de definitions |
| <dt>...</dt> |
|
placé entre chaque terme defini |
| <dd>...</dd> |
|
placé entre chaque définition fait un retrait |
| <ul>...</ul> |
type="disc" |
puce est un cercle rempli |
| |
type="circle" |
puce est un cercle creux |
| |
type="square" |
puce est un carre rempli |
| <ol>...</ol> |
type="I" |
liste en chiffres romains |
| |
type="A" |
liste en majuscules |
| |
type="a" |
liste en minuscules |
| |
type="1" |
liste en chiffres arabes |
| |
type="i" |
liste en chiffres romains minuscules |
| |
start="3" |
commence la liste à partir du numéro 3 |
| |
type="A" start="3" |
commence la liste à la lettre C |
| |
value="12" |
commence la ligne avec le numéro 12 (s'utilise avec <li>) |
| TEXTE |
| <b>...</b> |
|
mettre en gras |
| <i>...</i> |
|
mettre en italique |
| <small>...<small> |
|
mettre en minuscule, petit corps |
| <big>...</big> |
|
mettre en majuscule, grand corps |
| <sup>...</sup> |
|
mettre en exposant |
| <sub>....</sub> |
|
mettre en indice |
| <strike>...</strike> |
|
barrer |
| <u>...</u> |
|
souligner (déconseillé) |
| <tt>...</tt> |
|
mettre en police (courier news) à espacement fixe |
| <pre>...</pre> |
|
mettre en police à espacement fixe en minuscule en conservant les espaces |
| <font>...</font> |
|
apparence du texte |
| |
size="5" |
taille de la police |
| |
color="black" ou "#000000" |
couleur de la police |
| |
face="arial" |
police |
| <marquee>... </marquee> |
behavior="slide, alternate" |
|
| |
direction="right" |
faire defiler le texte vers la droite |
| |
align="middle..." |
emplacement du texte |
| |
width="en pixel ou %" |
largeur |
| |
height="en pixel ou %" |
hauteur |
| |
border="0" |
bordure de la bande |
| FORMULAIRE |
| <form>...</form> |
|
créer un formulaire |
| |
method="post" |
envoi les infos entrées sous forme de document |
| |
action="mailto: moi@hotmail.com" |
adresse pour l'envoi des données du formulaire |
| <input.../> |
|
informations à entrer par l'utilisateur |
| |
type="text, checkbox, radio" |
zone de texte, case à cocher ou rond à cocher |
| |
type="password" |
asterisques a la place du texte |
| |
type="hidden" |
empeche l'affichage des infos et les ajoute au formulaire quand il est envoyé |
| |
type="submit" |
bouton pour envoyer les données |
| |
type="reset" |
recommence le remplissage du formulaire |
| |
type="image" src="bouton.gif" |
inserer une image comme bouton d'envoi |
| |
type="text" size="25" |
largeur de la zone de texte en caracteres |
| |
type="text" malengh="35" |
nombre maximal de caracteres dans la zone de texte |
| |
<textarea>...</textarea> |
autoriser l'entrée de plusieurs lignes de texte |
| |
name="nom" |
nom de la case à cocher |
| |
checked="checked" |
cocher la case par defaut |
| |
value="!!!!" |
donner une valeur differente lorsque le nom est le meme pour plusieurs cases |
| <select><option>... </option></select> |
|
listes deroulantes |
| |
size="2" |
nombre d'options affichées dans la liste |
| |
multiple |
sélectionner plusieurs options à la fois |
| <option selected>...</option> |
|
selectionner une option par défaut |
| IMAGE |
| <img src="image.gif"/> |
|
insérer une image |
| |
alt="image" |
faire apparaitre un etiquette à une image |
| <img |
align="right, left"/> |
aligner l'image à droite et texte à gauche ou vice versa |
| |
align="center"/> |
n'existe pas, utiliser <div align=center"> pour centrer l'image |
| |
align="top, bottom"/> |
aligner le haut de l'image avec la lettre la plus haute ou aligner le bas de l'image avec le bas du texte |
| |
align="absbottom/> |
aligner le bas de l'image avec la lettre la plus basse |
| |
align="middle"/> |
aligner le milieu de l'image avec le bas du texte |
| |
align="absmiddle"/> |
aligner le milieu de l'image avec le centre vertical des elements |
| <br |
clear="right, left"> |
liberer de la place au dessus de l'image |
| |
clear="all"> |
liberer de la place s'il y a des images à gauche et à droite |
| |
hspace="en pixels"> |
ajouter de l'espace a droite et à gauche de l'image |
| |
vspace="en pixels"> |
ajouter de l'espace en haut et en bas de l'image |
| |
height="en pixels"> |
hauteur de l'image |
| |
width="en pixels"> |
largeur de l'image |
| |
border="en pixels" |
epaisseur de la bordure |
| IMAGEMAP |
| <map name="imagemap">... </map> |
|
inserer une image map, a placer juste apres <body> |
| <area/> |
|
definir les zones reactives |
| |
shape="rect, circle, poly" |
forme rectangulaire, circulaire ou polygonalede la zone |
| |
coords="140, 23, 56,..." |
coordonnées en pixels de la zone réactive: pour un rectangle:angle superieur gauche et inferieur droit; un cercle: coordonnees du centre et du rayon; un polygone: coordonnees de tous les points |
| |
href="hkhgg" |
page liée |
| <img src="hfhh" usemap="#imagemap"> |
|
inserer l'image dans la page web |
| TABLEAU |
| <table>...</table> |
|
inserer un tableau |
| |
width="en pixels ou %" |
largeur du tableau |
| |
height="en pixels ou %" |
hauteur du tableau |
| |
border="en pixels" |
largeur de la bordure du tableau |
| |
cellspacing="en pixels" |
espace entre les cellules |
| |
cellpadding="en pixels" |
espace entre la limite de la cellule et son contenu |
| |
bgcolor="black" |
couleur d'arriere plan du tableau |
| |
background="image.gif" |
image d'arriere plan du tableau |
| <tr>...</tr> |
|
inserer une ligne |
| |
align="left, right, center" |
alignement horizontal à gauche, droite ou centré du contenu à l'intérieur des cellules de la ligne |
| |
valign="top, middle, bottom" |
alignement vertical en haut, milieu ou bas du contenu à l'interieur des cellules de la ligne |
| |
bgcolor="black" |
couleur d'arriere plan des cellules de la ligne |
| |
background="image.gif" |
image d'arriere plan des cellules de la ligne |
| <td>...</td> |
|
inserer une cellule |
| |
align="left, right, center" |
alignement horizontal à gauche, droite ou centré du contenu del'intérieur de la cellule |
| |
valign="top, middle, bottom" |
alignement vertical en haut, milieu ou bas du contenu à l'interieur de la cellule |
| |
rowspan="2" |
fusionner la cellule sur le nombre de cellules indiqué |
| |
colspan="2" |
fusionner la cellule sur le nombre de colonnes indiqué |
| |
width="en pixels ou %" |
largeur de la cellule |
| |
bgcolor="black" |
couleur d'arriere plan de la cellule |
| |
background="image.gif" |
image d'arriere plan de la cellule |
| <th>...</th> |
|
sert pour la 1ere ligne pour les titres |
| FEUILLES DE STYLE |
| <link rel="stylesheet type="text/css href="nomdufichier.css"/> |
associer une feuille à un document html dans la balise <head> |
| <style>...</style> |
inclure une feuille de style dans la balise <head> |
| MULTIMEDIA |
| <embed/> |
|
inserer un fichier multimedia |
| |
src="kjsdjf" |
url du fichier à inserer |
| |
width="en pixels" |
largeur réservée à l'objet dans le document |
| |
height="en pixels" |
hauteur réservée à l'objet dans le document |
| |
align=".." |
alignement du fichier |
| |
vspace=".." |
espace entre le fichier et le texte en haut et en bas |
| |
hspace=".." |
espace entre le fichier et le texte a gauche et a doite |
| |
border=".." |
epaisseur du cadre |
| <noembed>... </noembed> |
|
definir un contenu de substitution quand le navigateur ne reconnait pas <embed> |
| <applet>...</applet> |
|
inserer un applet java |
| |
class=".." |
nom de l'applet |
| |
src=".." |
repertoire ou se situe l'applet. doit se terminer par /, ne pas ecrire le nom de l'applet |
| |
align=".." |
aligner l'applet par rapport au texte qui suit |
| |
width=".." |
largeur de la zone du document pour l'applet |
| |
height=".." |
hauteur de la zone du document pour l'applet |
| <param/> |
|
specifier les parametres de l'applet. se situe entre <applet> ou <object> |
| |
name=".." |
nom du parametre |
| |
value=".." |
valeur du parametre |
| <object>...</object> |
|
inserer un objet |
| |
classid=".." |
adresse de l'applet |
| |
id=".." |
specifier un identificateur |
| |
data=".." |
indiquer l'emplacement où l'on trouve les donnees pour les applets |
| |
type=".." |
type de donnees referencees pour l'attribut data |
| |
standby=".." |
specifier un message dans le document pendant que l'applet s'execute |
ACCUEIL
MEMOS
WINDOWS
LANGUES
IMAGES
SANTE
A LIRE
DIVERS
LIENS
TIME
USER
SITE
IMAGE
MESSAGES
HTML