Comprendre les éléments Block, Inline et Inline-Block
Les éléments en HTML peuvent être classés comme en ligne ou en bloc selon leur comportement.
- Les éléments en ligne restent sur la même ligne que les autres éléments et n’occupent que la largeur nécessaire. Exemples :
<a>,<span>,<img>,<input>; - Les éléments en bloc commencent sur une nouvelle ligne et occupent toute la largeur de leur conteneur. Exemples :
<div>,<h1>–<h6>,<p>,<ul>,<li>.
Éléments en bloc
Les éléments en bloc occupent toute la largeur de leur conteneur et commencent toujours sur une nouvelle ligne. Ils peuvent être stylisés à l’aide de propriétés CSS telles que width, height, margin, padding et border. Les exemples courants d’éléments en bloc incluent <div>, <p>, <ul> et <li>.
index.html
index.css
Éléments en ligne
Les éléments en ligne restent sur la même ligne que les autres éléments et n’occupent que la largeur nécessaire à leur contenu. Contrairement aux éléments de type bloc, les éléments en ligne ne peuvent pas avoir de valeurs width, height, margin ou padding attribuées, mais il est possible d’appliquer une propriété border. Exemples d’éléments en ligne : <a>, <span>, <img>, et <input>.
index.html
index.css
Éléments en ligne-bloc
Les éléments en ligne-bloc ne commencent pas sur une nouvelle ligne mais combinent la flexibilité de style des éléments de type bloc. Ils peuvent être personnalisés à l’aide de propriétés CSS telles que width, height, margin, padding et border. Exemples d’éléments en ligne-bloc : <button>, <select>, et <textarea>.
index.html
index.css
1. Quelle est la principale différence entre les éléments block et inline ?
2. Lequel des éléments suivants est un exemple d’élément block ?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 2.56Comprendre les éléments Block, Inline et Inline-Block
Glissez pour afficher le menu
Les éléments en HTML peuvent être classés comme en ligne ou en bloc selon leur comportement.
- Les éléments en ligne restent sur la même ligne que les autres éléments et n’occupent que la largeur nécessaire. Exemples :
<a>,<span>,<img>,<input>; - Les éléments en bloc commencent sur une nouvelle ligne et occupent toute la largeur de leur conteneur. Exemples :
<div>,<h1>–<h6>,<p>,<ul>,<li>.
Éléments en bloc
Les éléments en bloc occupent toute la largeur de leur conteneur et commencent toujours sur une nouvelle ligne. Ils peuvent être stylisés à l’aide de propriétés CSS telles que width, height, margin, padding et border. Les exemples courants d’éléments en bloc incluent <div>, <p>, <ul> et <li>.
index.html
index.css
Éléments en ligne
Les éléments en ligne restent sur la même ligne que les autres éléments et n’occupent que la largeur nécessaire à leur contenu. Contrairement aux éléments de type bloc, les éléments en ligne ne peuvent pas avoir de valeurs width, height, margin ou padding attribuées, mais il est possible d’appliquer une propriété border. Exemples d’éléments en ligne : <a>, <span>, <img>, et <input>.
index.html
index.css
Éléments en ligne-bloc
Les éléments en ligne-bloc ne commencent pas sur une nouvelle ligne mais combinent la flexibilité de style des éléments de type bloc. Ils peuvent être personnalisés à l’aide de propriétés CSS telles que width, height, margin, padding et border. Exemples d’éléments en ligne-bloc : <button>, <select>, et <textarea>.
index.html
index.css
1. Quelle est la principale différence entre les éléments block et inline ?
2. Lequel des éléments suivants est un exemple d’élément block ?
Merci pour vos commentaires !
