Design-Tuto - Pour tous les webmaster !
  Base HTML
 

GÉNÉRAL
  Type de document <HTML></HTML> (au début et à la fin du document)
  Titre <TITLE></TITLE> (nom du fichier; doit être dans l'en-tête)
  En-tête <HEAD></HEAD> (titre de description)
  Corps <BODY></BODY> (corps du document)

 
 

 

DÉFINITION STRUCTURALE
  En-tête <H?></H? > (6 niveaux d'en-têtes)
  En-tête alignée <H? ALIGN=LEFT|CENTER|RIGHT></H?> [*]  
  Division <DIV></DIV>  
  Division alignée <DIV ALIGN=LEFT|CENTER|RIGHT|JUSTIFY></DIV>  
  Bloc en retrait <BLOCKQUOTE></BLOCKQUOTE>[ *]  
  Emphase <EM></EM> (habituellement présenté en italique)
  Forte emphase <STRONG></STRONG> (habituellement présenté en gras)
  Citation <CITE></CITE> (habituellement en italique)
  Code <CODE></CODE> (pour l'affichage de fichier de programmation)
  Échantillon de sortie <SAMP></SAMP>  
  Entrée au clavier <KBD></KBD>  
  Variable <VAR></VAR>  
  Définition <DFN></DFN> (non officiel)
  Adresse de l'auteur(e) <ADDRESS></ADDRESS>  
  Grande police de caractères <BIG></BIG>  
  Petite police de caractères <SMALL></SMALL>  

 

 

FORMAT DE PRÉSENTATION
  Gras <B></B>  
  Italique <I></I>  
N3.0b Souligné <U></U> (non officiel)
  Rayé <STRIKE></STRIKE> (non officiel)
N3.0b Rayé <S></S> (non officiel)
  Indice <SUB></SUB>  
  Exposant <SUP></SUP>  
  Imprimé <TT></TT> (présenté dans une police de caractères à simple espacement)
  Préformaté <PRE></PRE> (affiche le texte dans son format original)
  Largeur <PRE WIDTH=?></PRE> (s'applique aux caractères)
  Centré < CENTER></CENTER> [*] (pour le texte et les images)
N1.0 Clignotement <BLINK>< /BLINK> (étiquette tournée en dérision)
  Grandeur de la police <FONT SIZE=?></FONT> (entre 1-7)
  Changement de la grandeur de la police <FONTSIZE=+|-?></FONT>  
N1.0 Grandeur de la police de base <BASEFONT SIZE=?> (entre 1-7; par défaut 3)
  Couleur de la police <FONT COLOR="#$$$$$$"></FONT>  
N3.0b Sélection de fonte <FONT FACE="***"></FONT>  
N3.0b Texte en multi-colonnes <MULTICOL COLS=?></MULTICOL>  
N3.0b Longueur de la colonne <MULTICOL GUTTER=?></MULTICOL> (défaut est 10 pixels)
N3.0b Largeur de la colonne <MULTICOL WIDTH=?></MULTICOL>  
N3.0b Espaceur <SPACER>  
N3.0b Type d'espaceur <SPACER TYPE=horizontal| vertical|block>  
N3.0b Grandeur d'espaceur <SPACER SIZE=?>  
N3.0b Dimensions de l'espaceur <SPACER WIDTH=? HEIGHT=?>  
N3.0b Alignement de l'espaceur <SPACER ALIGN=left|right|center>  

 
 

 

LIENS ET IMAGES
  Lier quelque chose <A HREF="URL"></A>  
  Lier un pointeur <A HREF="URL#***"></A> (si c'est dans un autre document)
    <A HREF="#***">< /A> (si c'est dans le même document)
N2.0 Fenêtre cible <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>  
  Définition du pointeur <A NAME="***"></A>  
  Relation <A REL="***"></A> (pas largement implanté)
  Relation inverse <A REV="***"></A> (pas largement implanté)
  Afficher une image <IMG SRC="URL">  
  Alignement <IMG SRC="URL"ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>  
N1.0 Alignement <IMG SRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP|
ABSMIDDLE|BASELINE|ABSBOTTOM>
 
  Alternative <IMG SRC="URL" ALT="***"> (si l'image n'est pas affichée)
  Carte-image <IMG SRC="URL" ISMAP> (requiert un exécutable)
  Carte-image client <IMG SRC="URL" USEMAP="URL"> (requiert un exécutable)
  Nom de la carte <MAP NAME="***"></MAP> (décrit la carte)
  Sections de la carte <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>  
  Dimensions <IMG SRC="URL" WIDTH="?" HEIGHT="?"> (en pixels)
  Bordure <IMG SRC="URL" BORDER=?> (en pixels)
  Espace environnant <IMG SRC="URL" HSPACE=? VSPACE=?> (en pixels)
N1.0 Low-Res Proxy <IMG SRC="URL"LOWSRC="URL">  
N1.1 Appel client <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">  
N2.0 Objet encastré <EMBED SRC="URL"> (insert un objet dans la page)
N2.0 Dimension de l'objet <EMBED SRC="URL" WIDTH=? HEIGHT=?>  

 

 

SÉPARATEURS
  Paragraphe <P></P> [* ] (étiquette de fin souvent pas nécessaire)
  Alignement du texte <P ALIGN=LEFT|CENTER|RIGHT></P> [*] (double retour)
  Fin de ligne <BR> (simple retour)
  Alignement forcé <BR CLEAR=LEFT|RIGHT|ALL>  
  Ligne horizontale <HR>  
  Alignement <HR ALIGN=LEFT|RIGHT|CENTER>  
  Épaisseur <HR SIZE=?> (en pixels)
  Largeur <HR WIDTH=?> (en pixels)
N1.0 Largeur <HR WIDTH=%> (en tant que pourcentage de la largeur de la page)
  Ligne pleine <HR NOSHADE> (sans l'effet 3D)
N1.0 Sans-coupure <NOBR></NOBR> (prévient la coupure des lignes)
N1.0 Coupure de mot <WBR> (endroit où couper une ligne si nécessaire)

 

 

LISTES

 

  Liste non-ordonnée <UL><LI></UL> (<LI> avant chaque item de la liste)
  Compacte <UL COMPACT></UL>  
N1.0 Type d'indicateur <UL TYPE=DISC|CIRCLE|SQUARE> (pour la liste entière)
    <LI TYPE=DISC|CIRCLE|SQUARE> (celui-ci & subséquent)
  Liste ordonnée <OL><LI></OL> (<LI> avant chaque item de la liste)
  Compacte <OL COMPACT></OL>  
N1.0 Type de nombres <OL TYPE=A|a|I|i|1> (pour la liste entière)
    <LI TYPE=A|a|I|i|1> (celui-ci & subséquent)
N1.0 Nombre de départ <OL START=?> (pour la liste entière)
    <LI VALUE=?> (celui-ci & subséquent)
  Liste de définitions <DL><DT><DD></DL> (<DT>=terme, <DD>=définition)
  Compacte <DL COMPACT></DL>  
  Liste de menus <MENU><LI></MENU> (<LI> avant chaque item de la liste)
  Compacte <MENU COMPACT></MENU>  
  Liste de répertoires <DIR><LI></DIR> (< LI> avant chaque item de la liste)
  Compacte <DIR COMPACT></DIR>  

 

 

ARRIÈRE-PLAN ET COULEURS
N1.1 Couleur d'arrière-plan <BODY BGCOLOR="#$$$$$$"> [*] (ordre est rouge/vert/bleu)
  Texture <BODY BACKGROUND="URL"> [*]  
N1.1 Couleur du texte <BODY TEXT="#$$$"> [*]  
N1.1 Couleur des liens <BODY LINK="#$$$"> [*]  
  Couleur des liens visités <BODY VLINK="#$$$"> [*]  
N1.1 Liens actifs <BODY ALINK="#$$$">  
(plus d'informations  ici)

 

 

CARACTÈRES SPÉCIAUX
  code ISO &#?; (où le ? représente le code ISO8859-1)
  < &lt;  
  > &gt;  
  & &amp;  
  " &quot;  
  Registered TM &reg;  
  Copyright &copy;  
  Espace &nbsp;  
(Une liste complète est disponible ici)

 

 

FORMULAIRES
  Formulaire <FORM ACTION="URL" METHOD=GET|POST></FORM>  
N2.0 Transfert de fichier <FORM ENCTYPE="multipart/form-data></FORM>  
  Champ d'entrée de données <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN| SUBMIT|RESET">
  Nom du champ <INPUT NAME="***">  
  Valeur du champ <INPUT VALUE="***">  
  Vérifié? <INPUT CHECKED> (boutons de vérification et boutons radio)
  Grandeur du champ <INPUT SIZE=?> (en caractères)
  Longueur maximum <INPUT MAXLENGTH=?> (en caractères)
  Liste de sélection <SELECT></SELECT>  
  Nom d'une liste <SELECT NAME="***"></SELECT>  
  Nombre d'options <SELECT SIZE=?></SELECT>  
  Choix multiples <SELECT MULTIPLE> (permet une sélection multiple)
  Option < OPTION> (items qui peuvent être sélectionnés)
  Option par défaut <OPTION SELECTED>  
  Grandeur de la boîte d'entrée de données <TEXTAREA ROWS=? COLS=?>
</TEXTAREA>
 
  Nom de la boîte <TEXTAREA NAME="***">
</TEXTARE A>
 
  "Wrap Text" <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL> </TEXTAREA>  

 

 

TABLEAUX
  Définition d'un tableau <TABLE></TABLE> [*]  
  Bordure du tableau <TABLE BORDER=?></TABLE>  
  Espace des cellules <TABLE CELLSPACING=?>  
  Espace de la bordure des cellules <TABLE CELLPADDING=?>  
  Largeur <TABLE WIDTH=?> (en pixels)
  Largeur <TABLE WIDTH=%> (pourcentage de la page)
  Lignes du tableau <TR></TR>  
  Alignement <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
  Cellules du tableau <TD></TD> (doit apparaître à l'intérieur des lignes d'un tableau)
  Alignement <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
  Sans-coupure <TD NOWRAP>  
  Débordement d'une colonne <TD COLSPAN=?>  
  Débordement des lignes <TD ROWSPAN=?>  
N1.1 Largeur <TD WIDTH=?> (en pixels)
N1.1 Largeur <TD WIDTH=%> (en pourcentage du tableau)
N3.0b Couleur de cellule <TD BGCOLOR="#$$$$$$">  
  En-tête du tableau <TH></TH> (semblable aux données, centré et gras)
  Alignement <TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>
  Sans-retour <TH NOWRAP>  
  Débordement de colonnes <TH COLSPAN=?>  
  Débordement de lignes <TH ROWSPAN=?>  
N1.1 Largeur <TH WIDTH=?> (en pixels)
N1.1 Largeur <TH WIDTH=%> (en pourcentage du tableau)
N3.0b Couleur de cellule <TH BGCOLOR="#$$$$$$">  
  Légende du tableau <CAPTION></CAPTION>  
  Alignement <CAPTION ALIGN=TOP|BOTTOM> (sur ou sous le tableau)

 

 

CADRES
N2.0 Cadre du document <FRAMESET></FRAMESET> (au lieu de <BODY>)
N2.0 Hauteur des lignes <FRAMESET ROWS=,,,></FRAMESET> (en pixels ou pourcentage)
N2.0 Hauteur des lignes <FRAMESET ROWS=*></FRAMESET> (* = grandeur relative)
N2.0 Largeur des colonnes <FRAMESET COLS=,,,></FRAMESET> (en pixels ou pourcentage)
N2.0 Largeur des colonnes <FRAMESET COLS=*></FRAMESET> (* = grandeur relative)
N3.0b Lageur de la bordure <FRAMESET BORDER=?>  
N3.0b Bordures <FRAMESET FRAMEBORDER="yes|no">  
N3.0b Couleur de la bordure <FRAMESET BORDERCOLOR="#$$$$$$">  
N2.0 Définition d'un cadre <FRAME> (items d'un cadre individuel)
N2.0 Afficher le document <FRAME SRC="URL">  
N2.0 Nom du cadre <FRAME NAME="***"|_blank|_self|_parent|_top>  
N2.0 Largeur de la marge <FRAME MARGINWIDTH=?> (marges à gauche et à droite)
N2.0 Hauteur de la marge <FRAME MARGINHEIGHT=?> (marges en haut et en bas)
N2.0 Défilement du texte <FRAME SCROLLING="YES|NO|AUTO">  
N2.0 Défilement du texte <FRAME NORESIZE>  
N3.0b Bordures <FRAME FRAMEBORDER="yes|no">  
N3.0b Couleur de la bordure <FRAME BORDERCOLOR="#$$$$$$">  
N2.0 Contenu non-encadré <NOFRAMES></NOFRAMES> (pour les lecteurs WWW incapables d'utiliser les cadres)

 

 

JAVA
  Applet <APPLET></APPLET>  
  Nom de fichier applet <APPLET CODE="***">  
  Paramètres <APPLET PARAM NAME="***">  
  Position de l'applet <APPLET CODEBASE="URL">  
  Identificateur Applet <APPLET NAME="***"> (pour faire référence ailleurs dans une page)
  Alternative en texte <APPLET ALT="***"> (pour les navigateurs non-java)
  Alignement <APPLET ALIGN="LEFT|RIGHT|CENTER">  
  Grandeur <APPLET WIDTH=? HEIGHT=?> (en pixels)
  Espacement <APPLET HSPACE=? VSPACE=?> (en pixels)

 

 

DIVERS
  Commentaires <!--***--> (n'est pas affiché par le lecteur WWW)
  Prologue HTML 3.2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN"> [*]
  Indicateur de recherche <ISINDEX> (indique un index de recherche)
N1.0 Ligne de commande <ISINDEX PROMPT="***"> (texte pour indiquer l'entrée de données)
  Envoie de la recherche <A HREF="URL?***"></A> (utiliser un point d'interrogation)
  URL de ce fichier <BASE HREF="URL"> (doit être dans l'en-tête du document)
  Nom de base de la fenêtre <BASE TARGET="***"> (doit être dans l'en-tête du document)
  Relation <LINK REV="***" REL="***" HREF="URL"> (dans l'en-tête du document)
  Information META <META> (dans l'en-tête du document)
  Feuilles de styles <STYLE></STYLE> (pas supporté largement)
  Scripts <SCRIPT></SCRIPT> (pas supporté largement)
 

 
  Aujourd'hui sont déjà 1 visiteurs (29 hits) Ici!  
 
=> Veux-tu aussi créer une site gratuit ? Alors clique ici ! <=