大多数 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> | 多行文本 |