html块级、行级元素介绍

PHP中文网 JavaScript

本文摘自PHP中文网，作者V，侵删。

html元素可以划分为块级元素和行级元素。

块级元素是什么？

它可以独占一行，可以设置宽高度，默认是100%；

（相关教程推荐：html教程）

行级元素与之相反，它的内容决定它的宽高度，至于特殊字符就当成是文字来看。

示例：

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>

嵌套规则：

1、块元素可以嵌套行元素；

2、行元素可以嵌套行元素；

3、行元素不可以嵌套块元素；

4、文字类块元素不可以嵌套块元素；

5、容器类块元素可以嵌套块元素。

想学习更多编程知识，请访问php中文网编程教程栏目！

以上就是html块级、行级元素介绍的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

form标签的action属性怎么用？form标签action属性的用法介绍（附实例）

Html中strong用法是什么

Html格式是什么

Html怎么设置表格单元格颜色

Html中合并两个单元格应该使用的属性是什么

Html中的h1是多大像素

Html中图片怎么居中对齐？

怎样用Html做出移动端固定悬浮半透明搜索框

Html中url什么意思？怎么用？

herf在Html中怎么跳转

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...