大多数 HTML 元素被定义为块级元素或内联元素。默认情况下,行内元素不会以新行开始,而块级元素会新起一行。而块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。
总是从新的一行开始
高度、宽度都是可控的
宽度没有设置时,默认为100%
块级元素中可以包含块级元素和行内元素
标签 | 描述 |
---|---|
<address> | 联系方式信息。 |
<blockquote> | 块引用。 |
<div> | 文档分区。 |
<form> | 表单。 |
<fieldset> | 表单元素分组。 |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> | 标题级别 1-6. |
<hr> | 水平分割线。 |
<noscript> | 不支持脚本或禁用脚本时显示的内容。 |
<ol> | 有序列表 |
<ul> | 无序列表。 |
<dl> | 定义列表。 |
<dd> | 定义列表中定义条目描述。 |
<output> | HTML5表单输出。 |
<p> | 行。 |
<pre> | 预格式化文本。 |
<table> | 表格。 |
<tfoot> | 表脚注。 |
和其他元素都在一行
高度、宽度以及内边距都是不可控的
宽高就是内容的高度,不可以改变
行内元素只能行内元素,不能包含块级元素
标签 | 描述 |
---|---|
<b> | 字体加粗 |
<big> | 大号字体 |
<i> | 字体斜体 |
<small> | 侧记 |
<tt> | 打印机文字 |
<abbr> | 缩写体 |
<acronym> | 首字母缩写 |
<cite> | 作品标题 |
<code> | 计算机代码 |
<dfn> | 定义实例 |
<em> | 强调 |
<kbd> | 用户输入 |
<strong> | 重要事务 |
<samp> | 计算机输出 |
<var> | 变量 |
<a> | 超链接 |
<bdo> | 覆盖文本方向 |
<br> | 换行 |
<img> | 图像 |
<map> | 图像映射 |
<object> | 对象 |
<q> | 短引用 |
<script> | 脚本 |
<span> | 局部布局 |
<sub> | 下标 |
<sup> | 上标 |
<button> | 按钮 |
<input> | 表单交互 |
<label> | 标识 |
<select> | 下拉列表 |
<textarea> | 多行文本 |