[html5入门-17]html常用标签分类

时间:2023-01-17 18:48:56

标签的分类:

块级标签(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>文字加粗,strongem加粗更强一点

6.<sub>(下标) <sup>(上标)

7.<label>标签

8.<code>代码块

特点:

1.不独占一行,同属性(行内标签)标签会排在一起

2.元素的宽度,高度,行高,顶部与底部的边距不可以设置的(也就是说,即使你设置的宽高,不会起作用)

3.内容撑开宽度

内嵌块标签(inline-block)

1.<img>图片标签

2.<input>文本输入标签

特性

1.不独占一行

2.元素宽度,高度,行高,顶部和底部的边距可以设置的。