HTML Liste de référence rapide
Liste de référence rapide HTML. Vous pouvez l'imprimer pour un usage quotidien.
Document HTML de base
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
</head>
<body>Texte visible...</body>
</html>
Balises de base
<h1>Titre le plus grand</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Titre le plus petit</h6>
<p>Ceci est un paragraphe.</p>
<br>(Saut de ligne)<hr>(Ligne horizontale)<!--Ceci est un commentaire-->
Mise en forme du texte
<b>Texte en gras</b>
<code>Code informatique</code>
<em>Texte mis en valeur</em>
<i>Texte en italique</i>
<kbd>Saisie au clavier</kbd>
<pre>Texte préformaté</pre>
<small>Texte plus petit</small>
<strong>Texte important</strong>
<abbr>(Abréviation)<address>(Informations de contact)<bdo>(Direction du texte)<blockquote>(Partie du document provenant d'une autre source)<cite>(Nom de l'œuvre)<del>(Texte supprimé)<ins>(Texte inséré)<sub>(Texte en indice)<sup>(Texte en exposant)
Liens
Lien ordinaire :<a href="http://www.example.com/">Texte du lien</a>Lien image :<a href="http://www.example.com/"><img src="URL" alt⟦⟧Remplacer le texte="Replace Text"></a>Lien e-mail :<a href="mailto:[email protected]">Envoyer un e-mail</a>Signet :<a id="tips">Section d'indice</a>
<a href="#tips">Aller à la section d'indice</a>
Images
<img src="URL" alt="Remplacer le texte" height="42" width="42">
Styles/Sections
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
<div>Éléments de bloc dans le document</div>
<span>Éléments en ligne dans le document</span>
Liste non ordonnée
<ul>
<li>Élément</li>
<li>Élément</li>
</ul>
Liste ordonnée
<ol>
<li>Premier élément</li>
<li>Deuxième élément</li>
</ol>
Liste de définitions
<dl>
<dt>Élément 1</dt>
<dd>Description de l'élément 1</dd>
<dt>Élément 2</dt>
<dd>Description de l'élément 2</dd>
</dl>
Tableau
<table border="1">
<tr>
<th>Titre du tableau</th>
<th>Titre du tableau</th>
</tr>
<tr>
<td>Données du tableau</td>
<td>Données du tableau</td>
</tr>
</table>
Cadre
<iframe src="demo_iframe.htm"></iframe>
Formulaires
<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Envoyer">
<input type="reset">
<input type="hidden">
<select>
<option>Pomme</option>
<option selected="selected">Banane</option>
<option>Cerise</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
</forme>
Entités
<Équivalent à<
> Équivalent à>© Équivalent à