Liste de balises
Voici une liste des balises HTML les plus courantes avec leurs attributs les plus utilisés.
Légende pour les balises de fin :
- V => Obligatoire
- X => Interdite
- ? => Optionnelle
| 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 : <!-- Voici un texte qui ne sera pas affiché par le navigateur --> | ||
| A | Crée un lien hypertexte vers une autre page web ou vers un ancre. | V |
| Attributs : href, name, target | ||
| Exemple : <a href="http://www.editeurjavascript.com" target="_blank">L'éditeurJavaScript</a> | ||
| B | Pour avoir du texte en gras. | V |
| Attributs : / | ||
| Exemple : <b>Texte en gras...</b> | ||
| BIG | Augmente légèrement la taille du texte. | V |
| Attributs : / | ||
| Exemple : <big>Texte un peu plus grand...</big> | ||
| BLOCKQUOTE | Applique un retrait à un texte. | V |
| Attributs : / | ||
| Exemple : <blockquote>Texte qui sera en retrait...</blockquote> | ||
| 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 : <body>Contenu de votre page...</body> | ||
| BR | Ajoute un saut de ligne. | X |
| Attributs : / | ||
| Exemple : Ligne1...<br>Ligne2... | ||
| CENTER | Centre le texte. | V |
| Attributs : / | ||
| Exemple : <center>Voici un texte centré</center> | ||
| DIV | Regroupe des éléments pour en contrôller la structure avec des feuilles de styles par exemple. | V |
| Attributs : id, class | ||
| Exemple : <div class="menu">Contenu de votre menu</div> | ||
| FONT | Permet de mettre de modifier du texte (couleur, taille, police,...). | V |
| Attributs : color, face, size | ||
| Exemple : <font size=2 color="#ff0000" face="Verdana">Texte en taille 2 écrit en rouge avec la police Verdana</font> | ||
| FORM | Permet de créer un formulaire. | V |
| Attributs : action, method, enctype, name, target | ||
| Exemple : <form action="fichier.php" method="POST">vos champs input</form> | ||
| H1 -> H6 | Définit 6 niveaux pour les titres. Chaque niveau possède son propre style. | V |
| Attributs : align | ||
| Exemple : <h1>Titre</h1> | ||
| HEAD | Définit l'en-tête de votre document. Ces informations ne seront pas affichées par le navigateur. | V |
| Attributs : / | ||
| Exemple : <head>en-tête de la page(titre, méta, style, script,...)</head> | ||
| HR | Place une séparateur horizontal. | X |
| Attributs : align, size, width, color (seulement IE) | ||
| Exemple : <hr size=2 width=250 align="center"> | ||
| HTML | Indique que le fichier est un document HMTL. | V |
| Attributs : / | ||
| Exemple : <html>tout le code de votre page</html> | ||
| I | Met le texte en italique. | V |
| Attributs : / | ||
| Exemple : <i>texte en italique</i> | ||
| IMG | Ajoute une image dans votre page. | X |
| Attributs : src, border, width, height, alt, align, hspace, vspace | ||
| Exemple : <img src="image.gif" border=0 width=88 height=31 alt="Alternative"> | ||
| INPUT | Ajoute un champ de formulaire (plusieurs types sont disponibles). | X |
| Attributs : type, name, value, checked, size, maxlength | ||
| Exemple : <input type="text" name="nom" value="Votre nom" size=25 maxlength=40> | ||
| LI | Crée un nouvel élément pour une liste. | ? |
| Attributs : value | ||
| Exemple : <li> 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 : <link href="style.css" rel="stylesheet" type="text/css"> | ||
| MARQUEE | Permet de faire défiler un texte (IE uniquement). | ? |
| Attributs : direction, behavior, loop | ||
| Exemple : <marquee direction="right" behavior="scroll" loop=2>Texte défilant(</marquee>) | ||
| 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 : <meta name="description" content="Description pour les moteurs de recherches"> | ||
| OL | Crée une liste numérotée. | V |
| Attributs : type, start | ||
| Exemple : <ol type="a">vos éléments de liste</ol> | ||
| OPTION | Crée un nouveau choix dans un SELECT. | ? |
| Attributs : value, selected | ||
| Exemple : <option value="choix1" selected>Webmaster (</option>) | ||
| P | Constitue un nouveau paragraphe. | ? |
| Attributs : align, class | ||
| Exemple : <p align="center">texte du paragraphe (</p>) | ||
| SELECT | Crée une liste de sélection dans un formulaire. | V |
| Attributs : name, multiple, size | ||
| Exemple : <select name="choix" size=3>vos balises OPTION</select> | ||
| SMALL | Diminue sensiblement la taille du texte (au contraire de BIG). | V |
| Attributs : / | ||
| Exemple : <small>texte plus petit</small> | ||
| SPAN | Facilite la mise en forme (similaire à DIV pour des portions de textes plus courtes). | V |
| Attributs : id, class | ||
| Exemple : <span class="normal">texte écrit en "normal"</span> | ||
| STRONG | Affiche le texte en gras (similaire à B). | V |
| Attributs : / | ||
| Exemple : <strong>texte en gras</strong> | ||
| STYLE | Permet de définir des règles de style à utiliser sur le document. | V |
| Attributs : type | ||
| Exemple : <style type="text/css">vos éléments de style</style> | ||
| TABLE | Crée un tableau. | V |
| Attributs : align, border, cellpadding, cellspacing, bgcolor, width, bordercolor (IE uniquement), background (IE uniquement) | ||
| Exemple : <table width="98%" border=1 cellpadding=3 cellspacing=0 align="center">vos celulles</table> | ||
| TD | Crée une nouvelle celulle dans un tableau. | ? |
| Attributs : align, valign, bgcolor, colspan, rowspan, width, height | ||
| Exemple : <td align="center" valign="top" colspan=2 width="50%">contenu</td> | ||
| TEXTAREA | Crée une zone de texte dans un formulaire. | V |
| Attributs : rows, cols, name | ||
| Exemple : <textarea name="commentaire" cols=50 rows=5>votre texte</textarea> | ||
| 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 : <titre>texte dans la barre de titre</titre> | ||
| TR | Crée une nouvelle ligne dans un tableau poyr y insérer des celulles (TD). | ? |
| Attributs : align, bgcolor, valign | ||
| Exemple : <tr>vos celulles</tr> | ||
| U | Affiche le texte en souligné. | V |
| Attributs : / | ||
| Exemple : <u>texte souligné</u> | ||
| UL | Crée une liste à puces. | V |
| Attributs : type, start | ||
| Exemple : <ul type="circle">vos éléments de liste</ul> | ||
