HTML块元素和行内元素@慕课网原创_慕课网

块元素

在HTML中，一个标签也可以称为一个元素，在网页显示中可以独占一行展示的元素成为块元素，比如<p>标签或者<div>标签，THML入门阶段常见的块级元素主要有以下几个:

元素名	说明
h1-h6	标题元素
p	段落元素
div	分区元素
hr	水平线元素
ol	有序列表
ul	无序列表

行内元素

在HTML中，行内元素与块元素恰恰相反，行内元素是可以与其他行内元素位于同一行的。入门阶段常见的块级元素主要有以下几个:

元素名
strong	加粗元素
em	斜体吧元素
sup	上标元素
sub	下标元素
big	大字号元素
small	小字号元素
span	span元素
a	超链接

看一个综合的示例:

<body>

    <!-- 块级元素在整个网页中独占一行 -->

    <div>div标签是一个块元素</div>

    <p>p标签也是一个块元素</p>

    <!-- 行内元素每个元素不会独占一行，多个行内元素可以并排在同一行显示 -->

    <strong>strong标签是一个行内元素</strong>

    <i>i标签也是一个行内元素</i>

    <span>span标签也是一个行内元素，一般结合css使用</span>

</body>

运行效果: