HTML INLINE & BLOCKS

En HTML, il existe deux types principaux d’éléments : les éléments de bloc et les éléments en ligne.

Les éléments de bloc commencent toujours sur une nouvelle ligne et prennent toute la largeur disponible. Ils créent des blocs de contenu, comme des paragraphes ou des divisions de page.
 

👁️‍🗨️ Voici quelques exemples d’éléments de bloc :

• <p> pour les paragraphes </p>

• <div> pour les divisions ou sections </div>

• <h1> à <h6> pour les en-têtes </h1> à </h6>

• <form> pour les formulaires </form>

• <header> et <footer> pour l’en-tête et le pied de page </header> et </footer>

• <section> pour les sections </section>

• <table> pour les tables </table>

Les éléments en ligne ne commencent pas sur une nouvelle ligne et ne prennent que la largeur nécessaire pour leur contenu.

👁️‍🗨️Voici quelques exemples d’éléments en ligne :

• <a> pour les liens </a> 

• <span> pour les sections en ligne </span>

• <img> pour les images

• <button> pour les boutons </button>

• <input> pour les champs de saisie dans un formulaire

• <label> pour les étiquettes de formulaire </label>

• <strong> pour le texte en gras </strong>

• <em> pour le texte en italique </em>
  
  

👁️‍🗨️Notez qu’un élément en ligne ne peut pas contenir un élément de bloc.