1. 网页的组成
   1. html
      1. 页面的骨架，用于存放数据，显示出来后不好看
   2. css
      1. 美化页面
   3. js
      1. 添加动态效果
2. html概念
   1. 超文本标签语言
   2. 超文本：能被浏览器识别成特殊样式的文本
3. 入门案例
   1. 代码
4. 标签规范
   1. 标签的分类
      1. 自闭合
      2. 双标签
   2. 行内和块级元素
      1. 行内：一行可以显示多个，不可以设置宽度和高度 i font b
      2. 块级 一行只能显示一个，可以设置宽度和高度的 div,p,ul
   3. 常用的布局标签
      1. div
5. 属性和特殊字符
   1. 属性
      1. id style class name
   2. 特殊字符
      1.  
6. 样式
   1. border:1px solid black
   2. margin:auto 左右居中，只能是块级元素使用
   3. width 宽度
   4. height 高度
   5. text-decoration:none 去掉下划线
   6. color 文字颜色
   7. background:url(北京图片) 颜色
   8. text-align:center 文本居中
7. 文本标签
   1. p 段落，特点前后后点距离
   2. h1-h6 标题1-标题6越来越小
   3. 倾斜
      1. em i
   4. 加粗
      1. strong b
   5. 横线
      1. hr
   6. 换行
      1. br
   7. 下划线
      1. u
   8. 列表
      1. <ul style="list-style:none"><li></li></ul>
8. 重要的布局标签
   1. i
   2. b
   3. ul li
   4. p
   5. div
   6. span
   7. a
   8. img
9. 浮动float
   1. 作用
      1. 目的是让竖着的标签横着显示
   2. 开发中的使用过程
      1. 1.引入浮动样式
         1. .float{ float: left; } .clearfix:after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; } .clearfix { zoom: 1; }
      2. 2.给要浮动的元素(要横着显示的元素)添加class样式float
      3. 3.给浮动的元素的父元素添加样式class='clearfix'
10. 表格标签
    1. table(border,width,height,cellpadding,cellspacing)
       1. caption 标题
       2. thead
          1. tr
             1. th
       3. tbody
          1. tr
             1. td colspan rowspan
       4. tfoot
11. 表单标签
    1. form标签
    2. 注意事项
       1. 1.同一组单选框和多选框必须name属性值保持一致，必须得有value值
       2. 2.多选框和单选框设置默认值是通过checked属性，select是通过给option标签设置selected属性。文本框，密码框是通过value属性。
       3. 3.按钮建议使用button,在form标签中button的默认type值是submit,在form表单外type的值是button,建议手动写明type的值。type的值有三个submit,button,reset
       4. 4.如果属性值和属性名保持一致，那么可以省略属性值，比如disabled,checked,selected,required