首页技术文章正文

什么是块元素?什么是行内元素?

更新时间:2021-07-02 来源:黑马程序员 浏览量:

IT培训班

HTML标签语言提供了丰富的标签,用于组织页面结构。为了使页面结构的组织更加轻松、合理,HTML标签被定义成了不同的类型,一般分为块元素和行内元素,也称为块标签和行内标签,了解它们的特性可以为使用CSS设置样式和布局打下基础。

1. 块元素

块元素在页面中以区域块的形式出现,其特点是,每个块元素通常都会独自占据一行或多行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。

常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是最典型的块元素。

2. 行内元素

行内元素也称内联元素或内嵌元素,其特点是,不会占据一行,也不强迫其他的标签在新的一行显示。一个行内标签通常会和其他行内标签显示在同一行中,它们不占有独立的区域,仅仅靠自身的文本内容大小和图像尺寸来支撑结构,一般不可以设置宽度、高度、对齐等属性,常用于控制页面中文本的样式。

常见的行内元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等,其中<span>标签最典型的行内元素。






猜你喜欢:

JavaScript中修改元素内容怎样操作?

子结构元素怎样设置不同于结构元素的样式?

相邻块元素垂直合并是怎样实现的?

黑马程序员前端培训

分享到:
在线咨询 我要报名
和我们在线交谈!