标签的分类:
一 块级标签(block)
1.<div>
2.<p>段落标签
3.<h1>...<h6>
4.<ol>(有序) <ul>(无序) <dl>(列表说明)
5.<table>表格标签
6.<hr>水平线
7.<form>表单
8.<pre>格式预处理标签(如果输入了换行 这个标签就可以将内容换行显示在网页上)
特点:
1.独占一行
2.元素宽高可设置
3.支持所有的css样式
4.如果元素的宽高不设置,宽度默认是父级100%宽度
5.块级标签默认高度0,如果有内容就是内容的高度
6.如果块级标签内容里面有内容,也设置了宽高,那么高度以设置的高度(height)为准
二 内敛(行内)标签(linline)
1.<span> 无语意标签
2.<a>超链接
3.<br>换行
4.<i>文字斜体标签
5.<em>,<strong>文字加粗,strong比em加粗更强一点
6.<sub>(下标) <sup>(上标)
7.<label>标签
8.<code>代码块
特点:
1.不独占一行,同属性(行内标签)标签会排在一起
2.元素的宽度,高度,行高,顶部与底部的边距不可以设置的(也就是说,即使你设置的宽高,不会起作用)
3.内容撑开宽度
三 内嵌块标签(inline-block)
1.<img>图片标签
2.<input>文本输入标签
特性
1.不独占一行
2.元素宽度,高度,行高,顶部和底部的边距可以设置的。