Les balises:
Un récapitulatif des différentes balises les plus utilisées, à venir une explication sur les attributs possibles pour ces balises.
Code:
sert à:
<!-- -->
Permet de réaliser des commentaires dans votre code, qui ne seront pas affichés dans le navigateur.
Attributs :
Exemple : <!-- Votre commentaire -->
a
Crée un lien hypertexte vers une autre page web ou vers une ancre.
Attributs : href, name, target, /
Exemple : <a href="http://www.cette page.com" >Cliquez ici </a>
Cliquez ici
b
Permet de mettre le texte en gras.
Attributs : /
Exemple : <b>Texte en gras</b>
Texte en gras
big
Augmente légèrement la taille du texte.
Attributs : /
Exemple : <big>Le texte en big</big>
Le texte en big
blockquote
Applique un retrait à un texte.
Attributs :
Exemple : <blockquote> Votre texte en retrait</blockquote>
Votre texte en retrait
body
Définit le corps (contenu affichable) de votre page web. Il doit venir juste après l'en-tête HEAD.
Attributs : bgcolor, background, alink, link, vlink, text, /
Exemple : <body>Contenu de votre page...</body>
br
Ajoute un saut de ligne.
Attributs : /
Exemple : blabla<br>gnarf
center
Centre le texte.
Attributs : /
Exemple : <center>Votre texte</center>
Votre texte
div
Regroupe des éléments pour en contrôler la structure avec des feuilles de styles par exemple et évite ainsi de répéter 100 fois les mêmes lignes de codes.
Attributs : id, class
Exemple : <div class="menu">Votre menu</div>
font
Permet de modifier la forme du texte (couleur, taille, police,...).
Attributs : color, face, size
Exemple : <font size=2 color="#ff0000" face="Verdana">Bonjour</font>
Bonjour
form
Permet de créer un formulaire.
Attributs : action, method, enctype, name, target
Exemple : <form action="fichier.php" method="POST">vos champs input</form>
h1 à h6
Définit 6 types de mise en forme pour les titres.
Attributs : align
Exemple : <h1>Titre 1</h1>
Titre 1
head
Définit l'en-tête de votre document. Ces informations ne seront pas affichées par le navigateur.
Attributs : /
Exemple : <head>en-tête de la page(titre, méta, style, script,...)</head>
hr
Place un séparateur horizontal.
Attributs : align, size, width, color (seulement IE)
Exemple : <hr size=2 width=250 align="center">
html
Indique que le fichier est un document HMTL.
Attributs : /
Exemple : <html>tout le code de votre page</html>
i
Met le texte en italique.
Attributs : /
Exemple : <i>Votre texte</i>
Votre texte
img
Ajoute une image dans votre page.
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).
Attributs : type, name, value, checked, size, maxlength
Exemple : <input type="text" name="nom" value="Votre question" size=25 maxlength=40>
li
Crée un nouvel élément pour une liste.
Attributs : value
Exemple : <li> Elément de la liste</li>
Elément de la liste
link
Permet de créer un lien vers un fichier externe (une feuille de style par exemple).
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>
Texte défilant
meta
Définit des paramètres supplémentaires dans l'en-tête de votre page (très utiles pour le référencement).
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.
Attributs : type, start
Exemple : <ol>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">Bla blabla </p>
Bla blabla
select
Crée une liste de sélection dans un formulaire.
Attributs : name, multiple, size
Exemple : <select name="choix" size=3> <option value="choix1" selected>Webmaster </option> ... </select>
Webmaster
Le prez
Le vice-prez
small
Diminue sensiblement la taille du texte (au contraire de BIG).
Attributs : /
Exemple : <small>Votre texte</small>
Votre texte
span
Facilite la mise en forme (similaire à DIV pour des portions de textes plus courtes).
Attributs : id, class
Exemple : <span class="normal">texte écrit en "normal"</span>
strong
Affiche le texte en gras (similaire à B).
Attributs : /
Exemple : <strong>texte en gras</strong>
texte en gras
style
Permet de définir des règles de style à utiliser sur le document.
Attributs : type
Exemple : <style type="text/css">vos éléments de style</style>
table
Crée un tableau.
Attributs : align, border, cellpadding, cellspacing, bgcolor, width, bordercolor (IE uniquement), background (IE uniquement)
Exemple : <table border="2" width="100%">vos celulles</table>
td
Crée une nouvelle cellule dans un tableau.
Attributs : align, valign, bgcolor, colspan, rowspan, width, height
Exemple : <td align="center" valign="top" colspan=2 width="50%">contenu</td>
textarea
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
Attributs : /
Exemple : <titre>texte dans la barre de titre</titre>
tr
Crée une nouvelle ligne dans un tableau pour y insérer des cellules (TD).
Attributs : align, bgcolor, valign
Exemple : <tr>vos cellules</tr>
u
Affiche le texte en souligné.
Attributs : /
Exemple : <u>Votre texte</u>
Votre texte
ul
Crée une liste à puces.
Attributs : type, start
Exemple : <ul type="circle">vos éléments de liste</ul>
Le club
