html+div+css

#1. HTML 入门
    * 名词(html，internet, www, url,dns,http,web,w3c)
        * html : 超文本标记语言，为了描述页面
        * url： 统一资源定位符
        * dns： 域名解析器
        * http： 协议
        * web： 网页
        * w3c： 计算机组织，制定标准
    * web标准（结构标准，表现标准，行为标准）
        * 结构标准： html语言，页面的结构
        * 表现标准： css样式，让页面更好看
        * 行为标准： javascript 脚本语言


##浏览器访问网页的步骤
>*1.打开浏览器（ 本地应用，IE,火狐，opera，chorme） 
2.输入一个网址  www.baidu.com
3.把网址解析成 ip地址（ dns服务器来进行解析） host文件
4.浏览器请求ip地址，与服务器建立一个连接。 socket
5.服务器把数据交给浏览器（html文档数据）
6.浏览器解析html文档数据，显示。**

#3. css 简介
    * 层集样式表
    * css3（增加很多动画的支持）
    
#4. 开发工具
    * eclipse 
    * HBuilder（eclipse的一个深度定制版）

#6. html文档结构
    * overview
    * 文件标签
    * 排版标签
    * 文字标签
    * 图形标签
        * 绝对路径 C:\Users\zzh\Desktop\jys.jpg web页面里面不应该使用绝对路径
        * 相对路径 

#7. css入门
    * 规则（标签，.class,#id)
        * 三种写法
            * head 添加一个<style></style>
            * link 标签引入外部的资源文件 <link rel="stylesheet" type="text/css" />
            * <a style="background-color: #FF0000;">    低头思故乡</a>


    * css选择器
            * 标签选择器 body{ } p{ } a{ }
            * ID选择器  #line1{}  #line2{} #line3{}
            * 类别选择器  .title{ }  .content{ }

#8. css+div综合案例
    * float 默认情况下 div 自上而下顺序摆放
    * 程序猿

#9. 盒子模型
    * border (solid) 代表的是div盒子的边框 边界
    * padding : 盒子里面的内容 距离盒子边框的距离
    * margin

#10. css布局综合案例
    * 页面布局综合案例
    * 8177购物网

#11. 列表标签
    * 无序列表ul
    * 有序列表ol
    * 锚点 快速定位

#12. 特殊字符标签

#13. 表格标签
    * tr
    * td
    * 属性
       * border
       * cellspacing
       * cellpadding
       * align
    * 合并单元格 
       * colspan 水平合并
       * rowspan 竖直合并

#14. 表单
    * input 
        * text
        * password
        * radio
        * checkbox
        * file
        * submit
        * reset
        * button value
    * textare
    * select
    
# 15. 案例-登陆页面