标签的特点

  • 关键词是有尖括号括起来
  • 成对出现
  • 结束标签比开始标签多了一个反斜杠
  • 绝大多数的标签都符合以上原则，但是也有特殊标签比如img，这一类标签叫做“单标签”或者“自闭和标签”
  • 在开始标签里除了关键词，你看到的比如img的title或者alt这都叫做“属性”，属性于属性之间用空格隔开。

常用的标签

  • 标题标签：h1-h6，快捷键：h${$级标题}*6+enter
  • 段落标签：p
  • 图片标签：img
    • src:这个图片代表路径
    • title：我们设置这个属性后，当鼠标滑上图片的时候，旁边会出现文字提示
    • alt:当网络比较慢或者图片路径不正确，造成图片加载失败，如果我们设置了alt这个属性，会在裂的图片旁边出现alt里面的文字，这样更有利于用户的体验。
  • 超链接：a
    • href：链接地址
    • target：_blank(在新窗口打开)_self(在当前窗口打开)
    • herf:’#’回到顶部
    • herf:’’刷新页面
    • herf:’javascript’ 点击以后没有效果
  • 划分大区域：div
  • 划分小区域：span
  • 格式化标签
  • 加粗： b或者strong
  • 斜体： i或者em
  • 删除线： del
  • 增大字号： big
  • 减小字号： small
  • 预格式标签：pre
  • video 视频
  • audio 音乐
    • controls：控制器
    • autoplay：自动播放
    • loop：无限循环

三大列表

  • 无序列表：


    • zzz

    • xxx

    • ccc

  • 有序列表：


    1. zzz

    2. xxx

    3. ccc

  • 自定义列表


    早餐

    豆浆

    鸡腿