Maison > Article > interface Web > Introduction aux éléments HTML au niveau du bloc et au niveau de la ligne
Introduction aux éléments HTML au niveau du bloc et au niveau de la ligne
- 王林avant
- 2020-02-17 18:02:333308parcourir
Les éléments HTML peuvent être divisés en éléments de niveau bloc et en éléments de niveau ligne.
Que sont les éléments de niveau bloc ?
Il peut occuper une ligne et définir la largeur et la hauteur. La valeur par défaut est 100 %
(tutoriels associés recommandés : tutoriel HTML)
Éléments au niveau de la ligne Au contraire, son contenu détermine sa largeur et sa hauteur, et les caractères spéciaux sont traités comme du texte.
Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> HTML块级、行级元素，特殊字符，嵌套规则</title>
</head>
<body>
<!-- 块元素:独占一行，可以设置宽高、默认宽度100% -->
块元素分为文字类和容器类
文字类块元素:p、h1——h6
容器类块元素：div、table、tr、td、frame、ul>li、ol、dl、dt、dd（序列）
<!-- 行元素:不独占一行，宽高度取决于内容 -->
行元素：a img input strong em del span
特殊字符：文字 br   hr
</body>
</html>Règles d'imbrication :
1. Les éléments de bloc peuvent être imbriqués dans les éléments de ligne
2. imbriqués Éléments de ligne imbriqués ;
3. Les éléments de ligne ne peuvent pas être imbriqués dans des éléments de bloc ;
4. Les éléments de bloc peuvent imbriquer des éléments de bloc.
Si vous souhaitez en savoir plus sur la programmation, veuillez visiter la colonne
Tutoriel de programmationCe qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!