web前端学习

• 六个基础标签的使用
• 8个与字体相关的标签
• 列表
• • 无序列表ul
  • 有序列表ol
  • 自定义列表dl
  • • • dt自定义列表的列表项目
      • dd自定义列表项目说明
• Emmet插件

1. div：块元素具有换行效果。
2. span：行内元素，隔离标签。
3. p：段落标签具有换行效果。
4. hr：水平分割线，有换行。
5. br：强制换行。
6. h1-h6：标题从一级到六级依次减小字体，h1字体最大 大小为2em，h4字体大小为1em（默认字体大小）。有换行效果，有行距。

• i与em：斜体在后期’i’标签一般的用途是占位
• b与strong：粗体在后期’b’标签一般的用途是占位
• sup ： 上标

  X³

• sub: 下标

  H₂O

• u: 下划线
• del ：删除线

ul：ul 与li 联合使用 使用ul形成的列表有行距 左侧内部 有实心圆点 可以与ol 嵌套使用。

    
这是第一个无序
    
这是第二个无序

ol：ol与li联合使用 使用ol形成的列表会从1开始排序 有行距 有内补 可以与ul嵌套使用。

    
这是第一个有序
    
这是第二个有序

自定义列表项目 与li 的效果差不多

    
这是第一个有序
    
这是第二个有序

自定义列表项目说明 与dt同级 但是dd 的文本在dt之后显示

    
这是dl的第一个项目
    
这个dl的第一个项目由我dd来说明