Chaque élément HTML a une valeur d'affichage par défaut en fonction de ce type d'élément il est. La valeur d'affichage par défaut pour la plupart des éléments est bloc ou en ligne.
Les éléments de niveau bloc
Un élément de niveau bloc commence toujours sur une nouvelle ligne et prend toute la largeur disponible (stretches out to the left and right as far as it can) à (stretches out to the left and right as far as it can) .
Des exemples d'éléments de type bloc:
- <div>
- <h1> - <h6>
- <p>
- <form>
Les éléments en ligne
Un élément en ligne ne démarre pas sur une nouvelle ligne et ne prend autant largeur que nécessaire.
Ceci est une ligne <span> élément à l' intérieur d' un paragraphe.
Des exemples d'éléments en ligne:
- <span>
- <a>
- <img>
Le <div> Element
Le <div> élément est un élément de niveau bloc qui est souvent utilisé comme un conteneur pour d' autres éléments HTML.
Le <div> élément n'a pas d' attributs requis, mais le style et la class sont communs.
Lorsqu'il est utilisé conjointement avec CSS, le <div> élément peut être utilisé à des blocs de style de contenu:
Exemple
<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div> Essayez vous - même » Le <span> Element
Le <span> élément est un élément en ligne qui est souvent utilisé comme récipient pour un texte.
Le <span> élément n'a pas d' attributs requis, mais le style et la class sont communs.
Lorsqu'il est utilisé conjointement avec CSS, le <span> élément peut être utilisé à des parties de style du texte:
HTML regroupement Mots clés
| Marque | La description |
|---|---|
| <div> | Définit une section dans un document (block-level) |
| <span> | Définit une section dans un document (inline) en (inline) |