Voici une liste des balises HTML les plus courantes avec leurs attributs les plus utilisés.
(Même si certaines balises de fin sont optionnelles, il est quand même conseillé des les utiliser...)
Nom | Fonction | Balise de fin |
| Permet de placer dans le code source d'une page des commentaires qui ne seront pas affichés dans le navigateur. | V |
Attributs : / |
Exemple : |
A | Crée un lien hypertexte vers une autre page web ou vers un ancre. | V |
Attributs : href, name, target |
Exemple : [Vous devez être inscrit et connecté pour voir ce lien] |
B | Pour avoir du texte en gras. | V |
Attributs : / |
Exemple : Texte en gras... |
BIG | Augmente légèrement la taille du texte. | V |
Attributs : / |
Exemple : Texte un peu plus grand... |
BLOCKQUOTE | Applique un retrait à un texte. | V |
Attributs : / |
Exemple : Texte qui sera en retrait... |
BODY | Définit le corps (contenu affichable) de votre page web. Il doit venir juste après l'en-tête de la page HEAD. | V |
Attributs : bgcolor, background, alink, link, vlink, text |
Exemple : Contenu de votre page... |
BR | Ajoute un saut de ligne. | X |
Attributs : / |
Exemple : Ligne1... Ligne2... |
CENTER | Centre le texte. | V |
Attributs : / |
Exemple : Voici un texte centré |
DIV | Regroupe des éléments pour en contrôller la structure avec des feuilles de styles par exemple. | V |
Attributs : id, class |
Exemple : |
FONT | Permet de mettre de modifier du texte (couleur, taille, police,...). | V |
Attributs : color, face, size |
Exemple : Texte en taille 2 écrit en rouge avec la police Verdana |
FORM | Permet de créer un formulaire. | V |
Attributs : action, method, enctype, name, target |
Exemple : |
H1 -> H6 | Définit 6 niveaux pour les titres. Chaque niveau possède son propre style. | V |
Attributs : align |
Exemple : Titre |
HEAD | Définit l'en-tête de votre document. Ces informations ne seront pas affichées par le navigateur. | V |
Attributs : / |
Exemple : en-tête de la page(titre, méta, style, script,...) |
HR | Place une séparateur horizontal. | X |
Attributs : align, size, width, color (seulement IE) |
Exemple : |
HTML | Indique que le fichier est un document HMTL. | V |
Attributs : / |
Exemple : tout le code de votre page |
I | Met le texte en italique. | V |
Attributs : / |
Exemple : texte en italique |
IMG | Ajoute une image dans votre page. | X |
Attributs : src, border, width, height, alt, align, hspace, vspace |
Exemple : |
INPUT | Ajoute un champ de formulaire (plusieurs types sont disponibles). | X |
Attributs : type, name, value, checked, size, maxlength |
Exemple : |
LI | Crée un nouvel élément pour une liste. | ? |
Attributs : value |
Exemple : Element de la liste(>) |
LINK | Permet de créer un lien vers un fichier externe (une feuille de style par exemple). | X |
Attributs : type, href, rel |
Exemple : |
MARQUEE | Permet de faire défiler un texte (IE uniquement). | ? |
Attributs : direction, behavior, loop |
Exemple : ) |
META | Définit des paramètres supplémentaires dans l'en-tête de votre page (très utile pour le référencement). | X |
Attributs : name, content, http-equiv, url (seulement IE) |
Exemple : |
OL | Crée une liste numérotée. | V |
Attributs : type, start |
Exemple : vos éléments de liste |
OPTION | Crée un nouveau choix dans un SELECT. | ? |
Attributs : value, selected |
Exemple : ) |
P | Constitue un nouveau paragraphe. | ? |
Attributs : align, class |
Exemple : texte du paragraphe ( ) |
SELECT | Crée une liste de sélection dans un formulaire. | V |
Attributs : name, multiple, size |
Exemple : |
SMALL | Diminue sensiblement la taille du texte (au contraire de BIG). | V |
Attributs : / |
Exemple : texte plus petit |
SPAN | Facilite la mise en forme (similaire à DIV pour des portions de textes plus courtes). | V |
Attributs : id, class |
Exemple : texte écrit en "normal" |
STRONG | Affiche le texte en gras (similaire à B). | V |
Attributs : / |
Exemple : texte en gras |
STYLE | Permet de définir des règles de style à utiliser sur le document. | V |
Attributs : type |
Exemple : |
TABLE | Crée un tableau. | V |
Attributs : align, border, cellpadding, cellspacing, bgcolor, width, bordercolor (IE uniquement), background (IE uniquement) |
Exemple : |
TD | Crée une nouvelle celulle dans un tableau. | ? |
Attributs : align, valign, bgcolor, colspan, rowspan, width, height |
Exemple : | contenu |
TEXTAREA | Crée une zone de texte dans un formulaire. | V |
Attributs : rows, cols, name |
Exemple : |
TITLE | Détermine le titre qui sera affiché dans la barre de titre du navigateur. Cette balise doit venir dans l'en-tête (HEAD) de votre code | V |
Attributs : / |
Exemple : texte dans la barre de titre |
TR | Crée une nouvelle ligne dans un tableau poyr y insérer des celulles (TD). | ? |
Attributs : align, bgcolor, valign |
Exemple : |
vos celulles
U | Affiche le texte en souligné. | V |
Attributs : / |
Exemple : texte souligné |
UL | Crée une liste à puces. | V |
Attributs : type, start |
Exemple : |