结构

    • html
      • head
        • title
        • meta
      • body

    文本

    • 标题（heading）和段落（paragraph）
      • h1 ~ h6
      • p
    • 上标（superscript）和下标（subscript）
      • sup
      • sub
    • 空白（白色空间折叠）
    • 折行（break）和水平标尺（horizontal ruler）
      • br
      • hr

    列表（list）

    • 有序列表（ordered list）- ol / li
    • 无序列表（unordered list）- ul / li
    • 定义列表（definition list）- dl / dt / dd

    链接（anchor）

    • 页面链接
    • 锚链接
    • 功能链接

    图像（image）

    • 图像及其宽高

    • 选择正确的图像格式

      • JPEG
      • GIF
      • PNG

    • 语义化标签 - figure / figcaption

    表格（table）

    • 基本的表格结构 - table / tr / td / th
    • 表格的标题 - caption
    • 跨行和跨列 - rowspan属性 / colspan属性
    • 长表格 - thead / tbody / tfoot

    表单（form）

    • 重要属性 - action / method / enctype
    • 下拉列表 - select / option
    • 文本域（多行文本）- textarea
    • 组合表单元素 - fieldset / legend

    音视频（audio / video）

    • 视频格式和播放器
    • 视频托管服务
    • 添加视频的准备工作
    • video标签和属性 - autoplay / controls / loop / muted / preload / src
    • audio标签和属性 - autoplay / controls / loop / muted / preload / src / width / height / poster

    窗口（frame）

    • 框架集（过时，不建议使用） - frameset / frame

    • 内嵌窗口 - iframe

    其他

    • 注释

    • 属性

      • id：唯一标识
      • class：元素所属的类，用于区分不同的元素
      • title：元素的额外信息（鼠标悬浮时会显示工具提示文本）
      • tabindex：Tab键切换顺序
      • contenteditable：元素是否可编辑
      • draggable：元素是否可拖拽

    • 块级元素 / 行级元素