Maison > interface Web > tutoriel HTML > 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

王林
Libérer: 2020-02-17 18:02:33
avant
3357 Les gens l'ont consulté

Introduction aux éléments HTML au niveau du bloc et au niveau de la ligne

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 :

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!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 &nbsp hr

</body>

</html>

Copier après la connexion

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 programmation

du site Web chinois php !

Ce 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!

Étiquettes associées:
source:cnblogs.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal