Aide Langage HTML

HTML structure

<!DOCTYPE html>
<html>
  <head>
    <title>Exemple</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  </head>
  <body>
  </body>
</html>

Éléments en ligne

Usage	Élément	Exemple
Un lien	`<a>`	`<a href="https://example.org"> Un lien vers example.org</a>.` Un lien vers example.org.
Une image	`<img>`	`<img src="static/beast.png" width="25" />`
Un conteneur en ligne	`<span>`	`Utilisé pour grouper des éléments, par exemple pour <span style="color:blue">les mettre en forme</span>.` Utilisé pour grouper des éléments, par exemple pour les mettre en forme.
Emphase du texte	`<em>`	`<em>La classe non ?</em>.` La classe non ?.
Texte idiomatique	`<i>`	<i>généralement en italique</i>. généralement en italique;.
Texte d'attention	`<b>`	`<b>mot ou une phrase d'une certaine importance</b>.` mot ou une phrase d'une certaine importance.
Texte d'importance	`<strong>`	`<strong>Ce contenu est important !</strong>` Ce contenu est important !
Marquer du texte	`<mark>`	`<mark>Vous me voyez ?</mark>` Vous me voyez ?
Texte barré	`<s>`	`<s>Je ne suis plus pertinent.</s>` ~~Je ne suis plus pertinent.~~
Mise en indice	`<sub>`	`H<sub>2</sub>O` H₂O
Texte de commentaire	`<small>`	`Uilisé pour représenter <small>les petites notes </small> d'un document.` Uilisé pour représenter les petites notes d'un document.
Mise en exposant	`<sup>`	`x<sup>2</sup>` x²
Citation en ligne	`<q>`	`<q>Toi aussi mon fils ?</q>, a-t-il dit.` Toi aussi mon fils ?, a-t-il dit.
Un saut de ligne	`<br>`	`Ligne 1<br>Ligne 2` Ligne 1 Ligne 2
Code	`<code>`	`Format normal, mais <code>celui-ci représente du code</code>.` Format normal, mais `celui-ci représente du code`.
Audio	`<audio>`	`<audio controls="controls"> src="static/t-rex-roar.mp3" type="audio/mpeg"> Votre navigateur ne prend pas en charge audio. </audio>`
Video	`<video>`	`<video controls width="250" src="https://archive.org/download/ElephantsDream/ed_hd.ogv" > L'élément <code>video</code> n'est pas pris en charge. </video>`

Éléments de bloc

Usage	Élément	Exemple
Un paragraphe	`<p>`	`<p>Je suis un paragraphe</p> <p>Et un autre paragraph</p>` Je suis un paragraphe Et un autre paragraph
Une citation étendue	`<blockquote>`	`Ils sont alors dit : <blockquote>L'élément blockquote indique une citation étendue.</blockquote>` Ils sont alors dit : L'élément blockquote indique une citation étendue.
Une liste non-ordonnée	`<ul>`	`<ul> <li>Je suis un élément de liste</li> <li>Et moi un autre</li> </ul>` Je suis un élément de liste Et moi un autre
Une liste ordonnée	`<ol>`	`<ol> <li>Je suis le premier élément</li> <li>Et moi le deuxième</li> </ol>` Je suis le premier élément Et moi le deuxième
Un séparateur horizontal	`<hr>`	`avant<hr>après` avant après
Un titre	<h1>-<h6>	`<h1> Titre de niveau 1 </h1> <h2> Titre de niveau 2 </h2> <h3> Titre de niveau 3 </h3> <h4> Titre de niveau 4 </h4> <h5> Titre de niveau 5 </h5> <h6> Titre de niveau 6 </h6>` Titre de niveau 1 Titre de niveau 2 Titre de niveau 3 Titre de niveau 4 Titre de niveau 5 Titre de niveau 6