一、块元素
- 网页框架基本结构：
html、body、frameset、frame、noframe、iframe - 表单结构：
form、fieldset、legend - 布局结构：
div - 段落块：
p - 标题结构：
h1~h6 - 列表：
ul、ol、dl、dt、dd、menu、dir - 居中结构：
center - 预定义机构：
pre - 引用结构：
blockquote - 结构装饰线：
hr - 网页标题：
title
二、行元素
- 行内包含框：
span - 超链接和映射包含框：
a、area - 图像包含框：
img - 格式化信息框：
b、i、strong、em、ins、del、abbr、bdo、cite、code、dfn、font、kbd、q、s、samp、small、strike、strike、sub、sup、tt、u、var - 表单对象包含框：
button、select、textarea、label - 可执行的插件或对象包含框：
apple、object - 表格标题包含框：
caption - 无脚本包含框：
noscript
三、第三类元素
-
头部区域隐藏元素
- 头部包含框：
head - 默认基础字体属性：
basefont - 链接：
link - 元信息：
meta - 脚本：
script - 样式：
style - URL基础：
base
- 头部包含框：
-
行内块元素
- 输入框：
input - 下拉选框：
option - 下拉框分组：
optgroup
- 输入框：
-
列表项元素
- 列表项：
li
- 列表项：
-
结构内隐藏元素
- 图像映射包含框：
map - 参数：
param - 换行：
br
- 图像映射包含框：
-
表格系列类型元素
- 表格框显示：
table - 表格显示：
tr - 单元格显示：
td - 表格表头显示：
th - 表格行组显示：
tbody - 表格脚注显示：
tfoot - 表格标题组显示：
thead
- 表格框显示：
四、行块元素的特点及区别
块元素的特点
- 高度，行高以及外边距和内边距都可控制。
- 总是在新行上开始，占据一整行。
- 它可以容纳内联元素和其他块元素。
- 宽带始终是与浏览器宽度一样，与内容无关。
行元素的特点
- 行内元素只能容纳文本或者其他行内元素。
- 宽度只与内容有关。
- 和其他元素都在一行上。
- 高，行高及外边距和内边距部分可改变。
行块元素的区别
-
行内元素与块级元素直观上的区别
- 行内元素会在一条直线上排列，都是同一行的，水平方向排列。
- 块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。
-
块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
-
行内元素与块级元素属性的不同，主要是盒模型属性上
- 行内元素设置
width无效，height无效（可以设置line-height），margin上下无效，padding上下无效。
- 行内元素设置
评论区