Liste des éléments HTML - GUIDE COURT HTML
- éléments de base ( l' ensemble des documents HTML doivent les contenir)
- définition de la structure (type est spécifié les paramètres du programme Viewer)
- apparence (l'auteur définit l'apparence du texte)
- des liens et des graphiques
- diviseurs
- listes
- couleurs de fond et
- caractères spéciaux
- forme
- tables
- cadres (frames)
- langage Java
- miscellanea
Les éléments de base | |||
---|---|---|---|
documents type |
<HTML> </ HTML> |
(Début et fin du fichier) |
|
le document Nom |
<TITLE> </ TITLE> |
(Devrait être dans l'en-tête) |
|
tête |
<HEAD> </ HEAD> |
(Description du document, comme son nom) |
|
corps |
<BODY> </ BODY> |
(Contenu de la page) |
STRUCTURE DÉTERMINATION | |||
---|---|---|---|
titre |
<H?> </ H? > |
(Norme définit 6 niveaux) |
|
alignement |
<H? ALIGN = LEFT | CENTER | RIGHT> </ H>? |
||
section |
<DIV> </ DIV> |
||
alignement |
<DIV ALIGN = LEFT | RIGHT | CENTER> </ DIV> |
||
citation |
<Blockquote> </ blockquote> |
(Habituellement alloué en retrait) |
|
allocation |
<EM> </ EM> |
(Habituellement représenté en italique) |
|
attribution additionnelle |
<STRONG> </ STRONG> |
(Habituellement représenté en gras) |
|
citation Envoi |
<Cite> </ CITER> |
(Italique Habituellement) |
|
code |
<CODE> </ code> |
(Pour les listes de codes) |
|
Exemple de sortie |
<SAMP> </ SAMP> |
||
entrée clavier |
<KBD> </ KBD> |
||
variable |
<VAR> </ VAR> |
||
définition |
<DFN> </ DFN> |
(Souvent pas pris en charge) |
|
auteur Adresse |
<ADRESSE> </ ADDRESS> |
||
Grande police |
<BIG> </ BIG> |
||
Petite police |
<SMALL> </ small> |
ASPECT | |||
---|---|---|---|
graisseux |
<B> </ B> |
||
italique |
<I> </ I> |
||
N3.0b |
souligné |
<U> </ U> |
(Souvent pas pris en charge) |
Accrocs |
<Strike> </ strike> |
(Souvent pas pris en charge) |
|
N3.0b |
Accrocs |
<S> </ S> |
(Souvent pas pris en charge) |
superscript |
<SUB> </ SUB> |
||
l'indice |
<SUP> </ SUP> |
||
machine à écrire |
<TT> </ TT> |
(Représenté en fixant la largeur de la police) |
|
formatage |
<PRE> </ PRE> |
(Enregistrer le format du texte tel qu'il est) |
|
largeur |
<WIDTH = PRE?> </ PRE> |
(Personnage) |
|
centre |
<CENTER> </ CENTER >> |
(Le texte et les graphiques) |
|
N1.0 |
clignotant |
<BLINK> </ BLINK> |
(Point le plus ridiculisé) |
Taille de la police |
<FONT SIZE =?> </ FONT> |
(1 à 7) |
|
Modifier la taille du texte |
<FONT size = "+ | - ?"> </ FONT> |
||
N1.0 |
La taille de la police de base |
<BASEFONT SIZE =?> |
(De 1 à 7; par défaut 3) |
Couleur police |
<FONT COLOR = "# $$$$$$" > </ FONT> |
||
N3.0b |
sélection de la police |
<FONT FACE = "***"> </ FONT> |
|
N3.0b |
texte multicolonne |
<MULTICOL COLS =?> </ MULTICOL> |
|
N3.0b |
L' espace entre les colonnes |
<MULTICOL GUTTER =?> </ MULTICOL> |
(Par défaut est de 10 points) |
N3.0b |
colonne Largeur |
<MULTICOL WIDTH =?> </ MULTICOL> |
|
N3.0b |
bloc vide |
<SPACER> |
|
N3.0b |
Type de bloc vide |
<TYPE SPACER = horizontal | vertical | block> |
|
N3.0b |
La valeur d'un bloc vide |
<SPACER SIZE =?> |
|
N3.0b |
Dimensions de bloc vide |
<LARGEUR SPACER =? HEIGHT =?> |
|
N3.0b |
alignement |
<SPACER ALIGN = left | right | center> |
LIENS ET GRAPHIQUES | |||
---|---|---|---|
lien |
<A HREF="URL"> </A> |
||
Lien vers signet |
<A HREF="URL#***"> </A> |
(Dans un autre document) |
|
<A HREF="#***"> </A> |
(Dans le même document) |
||
N2.0 |
Dans une autre fenêtre |
</A> <A Href="URL" TARGET="***| |
|
Définir onglet |
<A NAME="***"> </A> |
||
attitude |
<A REL="***"> </A> |
(Souvent pas pris en charge) |
|
raison inverse |
<A REV="***"> </A> |
(Souvent pas pris en charge) |
|
graphique |
<IMG SRC = "URL"> |
||
alignement |
<IMG SRC = "URL" ALIGN = TOP | BOTTOM | MIDDLE | left | right> |
||
N1.0 |
alignement |
<IMG SRC = "URL" ALIGN = TEXTTOP | Absmiddle | BASELINE | absbottom> |
|
alternative |
<IMG SRC = "URL" ALT = "***"> |
(Affiché si l'image ne soit pas représenté) |
|
carte |
<IMG SRC = "URL" ISMAP > |
(Nécessaire que le programme) |
|
carte locale |
<IMG SRC = USEMAP "URL" = "URL"> |
||
Les cartes de définition |
<MAP NAME = "***"> </ MAP> |
||
Domaines sur la carte |
<AREA SHAPE = "RECT" COORDS = ",,," HREF = "URL" | NOHREF> |
||
dimensions |
<IMG SRC = WIDTH "URL" =? HEIGHT =?> |
(En points) |
|
bordure |
<IMG SRC = "URL" BORDER =?> |
(En points) |
|
tiret |
<IMG SRC = HSPACE "URL" =? VSPACE =?> |
(En points) |
|
N1.0 |
Substituer une résolution faible |
<IMG SRC = "URL" lowsrc = "URL"> |
|
N1.1 |
mettre à jour |
<META http-equiv = "Actualiser " CONTENT = ";? URL = URL"> |
|
N2.0 |
Activer objet connu |
<EMBED SRC = "URL"> |
(Insérer objet connu dans la page) |
N2.0 |
objet Taille connue |
<EMBED SRC = WIDTH "URL" =? HEIGHT =?> |
DIVISEURS | |||
---|---|---|---|
section |
<P> </ P> |
(Élément de fermeture est souvent pas nécessaire) |
|
alignement |
<P ALIGN = LEFT | CENTER | RIGHT> </ P> |
||
nouvelle ligne |
<BR> |
(Newline Single) |
|
supprimer l' alignement |
<BR CLEAR=LEFT|RIGHT|ALL> |
||
séparateur horizontal |
<HR> |
||
alignement |
<HR ALIGN = LEFT | RIGHT | CENTER> |
||
épaisseur |
<TAILLE HR =?> |
(En points) |
|
largeur |
<HR WIDTH =?> |
(En points) |
|
N1.0 |
Pourcentage Largeur |
<LARGEUR HR = "% de "> |
(En pourcentage de la largeur de la page) |
ligne complète |
<HR NOSHADE> |
(Sans les effets en trois dimensions) |
|
N1.0 |
Aucune ventilation |
<NOBR> </ NOBR> |
(Empêche un saut de ligne) |
N1.0 |
transfert |
<WBR> |
(Lorsque le saut de ligne pour déplacer si nécessaire) |
LISTES |
||||
---|---|---|---|---|
désordonnée |
<UL> <LI> </ UL> |
(<LI> avant chaque élément) |
||
compact |
<UL COMPACT> </ UL> |
|||
type d'étiquette |
<TYPE UL = DISC | CIRCLE | SQUARE> |
(Pour la liste complète) |
||
<TYPE LI = DISC | CIRCLE | SQUARE> |
(Cette et postérieure) |
|||
numéroté |
<OL> <LI> </ OL> |
(<LI> avant chaque élément) |
||
compact |
<OL COMPACT> </ OL> |
|||
type d'énumération |
<TYPE OL = A | a | I | i | 1> |
(Pour la liste complète) |
||
<LI TYPE = A | a | I | i | 1> |
(Et ce qui suit) |
|||
La première question |
<OL START =?> |
(Pour la liste complète) |
||
<LI VALUE =?> |
(Et ce qui suit) |
|||
Liste des définitions |
<DL> <DT> <DD > </ DL> |
(<DT> = terme, <DD> = définition) |
||
compact |
<DL COMPACT> </ DL> |
|||
menu |
<MENU> <LI> </ MENU> |
(<LI> avant chaque élément) |
||
compact |
<MENU COMPACT> </ MENU> |
|||
annuaire |
<DIR> <LI> </ DIR> |
(<LI> avant chaque élément) |
||
compact |
<DIR COMPACT> </ DIR> |
CONTEXTE ET COULEURS | |||
---|---|---|---|
image de fond |
<BODY BACKGROUND = "URL"> |
||
Couleur de fond |
<BODY bgcolor = "# $$$$$$" > |
(Ordre: rouge / vert / bleu) |
|
couleur du texte |
<BODY TEXT = "# $$$$$$" > |
||
lien couleur |
<BODY LINK = "# $$$$$$" > |
||
lien voyagé |
<BODY VLINK = "# $$$$$$" > |
||
lien actif |
<BODY ALINK = "# $$$$$$" > |
||
CARACTÈRES SPÉCIAUX
| |||
---|---|---|---|
caractère spécial |
& #?; |
(Où? Est-ce le code ISO 8859-1) |
|
< |
& Lt; |
||
> |
& Gt; |
||
& |
& Amp; |
||
" |
& Quot; |
||
Marque TM |
& Reg; |
||
droit d' auteur |
& Copy; |
||
espaces insécables |
& Nbsp; |
||
( Liste complète ) |
FORMULAIRE | |||
---|---|---|---|
Déterminer la forme |
<FORM ACTION = "URL" METHOD = GET | POST> </ FORM> |
||
N2.0 |
Envoi de fichier |
<FORM ENCTYPE = "multipart / form - data"> </ FORM> |
|
champ de saisie |
<Input type = "TEXT | MOT DE PASSE | CHECKBOX | RADIO | IMAGE | HIDDEN | SOUMETTRE | RAZ"> |
||
champ Nom |
<INPUT NAME = "***"> |
||
Le champ |
<VALEUR INPUT = "***"> |
||
Marqué? |
<INPUT VÉRIFIÉ> |
(cases à cocher et de radio boîtes) |
|
la taille du champ |
<INPUT SIZE =?> |
(Personnage) |
|
La longueur maximale |
<INPUT MAXLENGTH =?> |
(Personnage) |
|
Liste des options |
<SELECT> </ SELECT> |
||
nom de la liste |
<SELECT NAME = "***"> </ SELECT> |
||
nombre d'options |
<TAILLE SELECT =?> </ SELECT> |
||
choix multiple |
<SELECT MULTIPLE> |
(Vous pouvez choisir plus d'un) |
|
option |
<OPTION> |
(Un élément qui peut être sélectionné) |
|
L'option par défaut |
<OPTION SÉLECTIONNÉE> |
||
Saisie de la taille du texte |
<RANGS TEXTAREA =? COLS =?> </ TEXTAREA> |
||
texte Nom |
<TEXTAREA NAME = "***"> </ TEXTAREA> |
||
N2.0 |
Une panne sur la ligne |
<TEXTAREA WRAP = OFF | VIRTUEL | PHYSIQUE> </ TEXTAREA> |
tables | |||
---|---|---|---|
Définir la table |
<TABLE> </ TABLE> |
||
table Edging |
<Table border =?> </ TABLE> |
||
La distance entre les cellules |
<TABLE CELLSPACING =?> |
||
cellules Supplément |
<TABLE CELLPADDING =?> |
||
largeur souhaitée |
<TABLE WIDTH =?> |
(En points) |
|
Pourcentage Largeur |
<Table width = "%"> |
(Pourcentage de la largeur de la page) |
|
table de bar |
<TR> </ TR> |
||
alignement |
<TR ALIGN = LEFT | RIGHT | CENTRE | MOYEN | BOTTOM> |
||
cellule de tableau |
<TD> </ TD> |
(Doit être au sein de la ligne) |
|
alignement |
<TD ALIGN = LEFT | RIGHT | CENTRE | MOYEN | BOTTOM> |
||
No newline |
<TD NOWRAP> |
||
colonne extensible |
<TD COLSPAN =?> |
||
Longeant la ligne |
<TD ROWSPAN =?> |
||
N1.1 |
largeur souhaitée |
<Td width =?> |
(En points) |
N1.1 |
Pourcentage Largeur |
<TD WIDTH = "%"> |
(Pourcentage de la largeur de la page) |
N3.0b |
portable Color |
<BGCOLOR TD = "# $$$$$$" > |
|
tête de tableau |
<TH> </ TH> |
(Comme les données, mais audacieux et centrage) |
|
alignement |
<TH ALIGN = LEFT | RIGHT | CENTRE | MOYEN | BOTTOM> |
||
No newline |
<TH NOWRAP> |
||
colonne extensible |
<TH COLSPAN =?> |
||
Longeant la ligne |
<TH ROWSPAN =?> |
||
N1.1 |
largeur souhaitée |
<TH WIDTH =?> |
(En points) |
N1.1 |
Pourcentage Largeur |
<TH WIDTH = "%"> |
(En pourcentage de la largeur de la table) |
N3.0b |
portable Color |
<TH bgcolor = "# $$$$$$" > |
|
table Titre |
<Caption> </ CAPTION> |
||
alignement |
<CAPTION ALIGN = TOP | BOTTOM> |
(Haut / bas du tableau) |
CADRES | |||
---|---|---|---|
N2.0 |
Un document avec des cadres |
<FRAMESET> </ FRAMESET> |
( Au lieu de <BODY>) |
N2.0 |
Hauteur de ligne |
<FRAMESET ROWS = ,,,> </ FRAMESET> |
(Points ou%) |
N2.0 |
Hauteur de ligne |
<FRAMESET ROWS = *> </ FRAMESET> |
(* = Taille relative) |
N2.0 |
La largeur des colonnes |
<FRAMESET COLS = ,,,> </ FRAMESET> |
(Points ou%) |
N2.0 |
La largeur des colonnes |
<FRAMESET COLS = *> </ FRAMESET> |
(* = Taille relative) |
N3.0b |
La largeur de la bordure |
<FRAMESET BORDER =?> |
|
N3.0b |
bordure |
<FRAMESET frameborder = "yes | no "> |
|
N3.0b |
frangeage couleur |
<FRAMESET BORDERCOLOR = "# $$$$$$" > |
|
N2.0 |
Déterminer le cadre |
<FRAME> |
(Le contenu d'une seule image) |
N2.0 |
document |
<FRAME SRC = "URL"> |
|
N2.0 |
cadre Nom |
<FRAME NAME = "***" | _blank | _self | _parent | _top> |
|
N2.0 |
Largeur frontière |
<FRAME MARGINWIDTH =?> |
(Frontière droite et gauche) |
N2.0 |
La hauteur de la frontière |
<FRAME MARGINHEIGHT =?> |
(Limite supérieure et limite inférieure) |
N2.0 |
Défilement? |
<FRAME SCROLLING = "YES | NO | AUTO"> |
|
N2.0 |
taille fixe |
<FRAME NORESIZE> |
|
N3.0b |
bordure |
<FRAME frameborder = "yes | no "> |
|
N3.0b |
frangeage couleur |
<FRAME BORDERCOLOR = "# $$$$$$" > |
|
N2.0 |
Le contenu sans cadres |
<NOFRAMES> </ NOFRAMES> |
(Pour les navigateurs ne supporte pas les cadres) |
LANGUAGE JAVA | |||
---|---|---|---|
applet |
<APPLET> </ APPLET> |
||
Applet - le nom du fichier |
<APPLET CODE = "***"> |
||
paramètres |
<APPLET PARAM NAME = "***" > |
||
Applet - adresse |
<APPLET CODEBASE = "URL"> |
||
Applet - nom |
<APPLET NAME = "***"> |
(Les références à d'autres parties de la page) |
|
texte alternatif |
<APPLET ALT = "***"> |
(Programmes pour non-Java) |
|
alignement |
<APPLET ALIGN = "left | right | CENTER"> |
||
dimensions |
<WIDTH APPLET =? HEIGHT =?> |
(En points) |
|
tiret |
<APPLET HSPACE =? VSPACE =?> |
(En points) |
DIVERS | |||
---|---|---|---|
commentaire |
<! - *** -> |
(Visualiseur Ignoré) |
|
Prologue HTML 3.2 |
< ! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 3.2 // EN"> |
||
recherche |
<ISINDEX> |
(Signification du point de recherche initiale) |
|
invitation |
<ISINDEX PROMPT = "***"> |
(Texte de l'invitation à entrer dans le champ) |
|
Démarrer la recherche |
<A HREF="URL?***"> </a> |
(Utiliser vraiment un point d'interrogation) |
|
L'URL du fichier |
<BASE HREF = "URL"> |
(Devrait être dans l'en-tête) |
|
N2.0 |
Nom de la boîte de base |
<BASE TARGET = "***"> |
(Devrait être dans l'en-tête) |
attitude |
<LINK REV = "***" REL = "***" HREF = "URL"> |
(Devrait être dans l'en-tête) |
|
Meta |
<META> |
(Devrait être dans l'en-tête) |
|
Styles |
<STYLE> </ STYLE> |
(Souvent pas pris en charge) |
|
programme |
<SCRIPT> </ SCRIPT> |
(Souvent pas pris en charge) |
Commentaires
Commentant, gardez à l' esprit que le contenu et le ton de vos messages peuvent blesser les sentiments des gens réels, montrer du respect et de la tolérance à ses interlocuteurs, même si vous ne partagez pas leur avis, votre comportement en termes de liberté d'expression et de l' anonymat offert par Internet, est en train de changer non seulement virtuel, mais dans le monde réel. Tous les commentaires sont cachés à l'index, le contrôle anti - spam.