块元素的特点

每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行；
元素的高度、宽度、行高、顶边距、底边距都是可以设置的；
元素的宽度如果不设置的话，默认为父元素的宽度。

块元素清单

元素名称	说明
`<p>`	定义段落
`<ol>`	定义有序的列表
`<ul>`	定义无序的列表
`<li>`	标签定义列表项目。`<li>` 标签可用在有序列表 `(<ol>)` 、无序列表 `(<ul>)` 中、目录列表 `(<dir>)` 中
`<dl>`	定义了定义列表（definition list）。`<dl>` 标签用于结合 `<dt>` （定义列表中的项目）和 `<dd>` （描述列表中的项目）
`<dt>`	定义列表中的项目
`<dd>`	描述列表中的项目
`<dir>`	定义目录列表，结合 `<li>` 一起使用，`<li>` 用于定义目录
`<caption>`	定义表格标题，必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
`<hr>`	水平分隔线
`<address>`	定义地址
`<table>`	标签定义 HTML 表格
`<tbody>`	标签表格主体（正文）
`<td>`	表格中的标准单元格
`<tfoot>`	定义表格的页脚（脚注或表注）
`<th>`	定义表头单元格
`<thead>`	标签定义表格的表头
`<tr>`	定义表格中的行
`<blockquote>`	定义块引用，`<blockquote>` 与 `</blockquote>` 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间
`<center>`	对其所包括的文本进行水平居中。不赞成使用
`<fieldset>`	组合表单中的相关元素，fieldset 元素可将表单内的相关元素分组。当一组表单元素放到 `<fieldset>` 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素
`<legend>`	组合表单中的相关元素，经常的用法是放在`<fieldset>` 下面，为 `<fieldset>` 元素定义标题（caption）
`<form>`	用于为用户输入创建 HTML 表单。表单用于向服务器传输数据。
`<noframes>`	为那些不支持框架的浏览器显示文本，于 `<frameset>` 元素内部；`<frames>` 可选内容，对于不支持 `<frame>` 的浏览器显示此区块内容
`<noscript>`	定义在脚本未被执行时的替代内容；可选脚本内容（对于不支持script的浏览器显示此内容）
`<pre>`	可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。一个常见应用就是用来表示计算机的源代码。
`<marquee>`	滚动文本，已经废弃
`<h1>`	大标题
`<h2>`	副标题
`<h3>`	3级标题
`<h4>`	4级标题
`<h5>`	5级标题
`<h6>`	6级标题

HTML块级元素/块标签/块元素相关推荐

css元素定位：通过元素的标签或者元素的id、class属性定位
前言大部分人在使用selenium定位元素时,用的是xpath元素定位方式,因为xpath元素定位方式基本能解决定位的需求.xpath元素定位方式更直观,更好理解一些. css元素定位方式往往被忽略 ...
css元素显示模式（行内、块级、行内块）
1.块级元素显示特点: 1.独占一行(一行只能显示一个) 2.宽度默认是父元素的宽度,高度默认由内容撑开 3.可以设置宽高代表标签: div.p.h系列.ul.li.dl.dt.dd.form.h ...
前端基础——双单标签、行内块级元素、路径、常用标签
一.单标签和双标签: 在HTML基础中,单标签就是由一个标签组成的. 例如<br>.<hr>.<img>.<input>.<param>.& ...
【HTML】行内元素与块级元素
一.行内元素与块级元素的三个区别 1.行内元素与块级元素直观上的区别行内元素会在一条直线上排列,都是同一行的,水平方向排列块级元素各占据一行,垂直方向排列.块级元素从新行开始结束接着一个断行. 2 ...
CSS样式----块级元素和行内元素
块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素:s ...
CSS样式设置语法全解，样式优先级、值和单位、字体、文本、块级元素，行内元素，替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...
行内元素和块级元素的具体区别
一.行内元素与块级元素的三个区别 1.行内元素与块级元素直观上的区别行内元素会在一条直线上排列,都是同一行的,水平方向排列块级元素各占据一行,垂直方向排列.块级元素从新行开始结束接着一个断行. 2 ...
CSS文档流与块级元素和内联元素
文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动. 内联元素也不 ...
css变成块级元素_探讨行内元素转换为块级元素_html/css_WEB-ITnose
行内元素和块级元素对于前端来说是一个很重要的概念.在CSS中,只有块级元素有物理属性,而元素则有三种形态: 1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行. 2. 行内 ...
行内元素，块级元素，各自特点及其相互转化
作为一名小前端,块级元素.行内元素用了几千几万次,除了"块级独占一行,行内不独占"之外,对细节属性的了解十分匮乏,今天做以部分属性的测试和阐述. 一. 对物理属性的支持元素类别 ...

HTML块级元素/块标签/块元素

文章目录

块元素的特点

块元素清单

HTML块级元素/块标签/块元素相关推荐

最新文章

热门文章