一、常用标签
- div:通常用来划分结构或模块
- p:段落标签,通常用来放置文字
- h1~h6:标题标签,h1是一级标签,以此类推,文字默认加粗,自豪逐渐减小。h1通常用来放置网站的标题和logo,同一文件下一般只出现一次,常用的是h3,h4,h5,用来放置小标题
- hr:分割线
二、列表常用标签
- 无序列表 ul li:通常用户格式重复出现的情况,内容前有圆点
- 有序列表 ol li:与无序列表相似,内容前有序列号
- 定义列表 dl dt dd:竖列显示,dd后内容有缩进
- 表格标签 table:tr是行,td是列
- 表单标签 form:举例input,不同type对应不同元素
三、文字常用标签
- span:通常放置几个字或小图标
- i和em:表示斜体(em已移除)
- b和strong:表示粗体(strong已移除)
- del和s:表示删除线,这两个我个人不常用,一般会在css中使用text-decoration:line-through
- u:表示下划线,一般会在css中使用text-decoration:underline
- sup:表示上标
- sub:表示下标
四、其他
- 图片标签 img:src属性中填写图片路径,alt属性中填写图片描述
- 超链接 a:默认蓝色,自带下划线,href属性中填写链接跳转地址
五、标签属性分类
- 块级元素 display: block:
1)独占一行;
2)可以设置宽高;
3)在没有设置宽高的情况下,宽是父级的宽度,高是内容的高度 - 行内元素 display: inline:
1)不独占一行;
2)不可以设置内容的宽高;
3)宽高是内容的宽高 - 行内块级元素 display: inline-block:
1)不独占一行 2)可以设置宽高 3)在没有设置宽高的情况下,宽高是内容的宽高
六、注意事项
- 块级元素可以嵌套任意元素,行内元素只能嵌套行内元素
- a标签不能嵌套a标签
- ul和ol下只能嵌套li
这些标签不全,不涵盖H5的新标签,后续还会再详细整理。