HTML总结学习文档

HTML

1. XML 可扩展性标记语言
2. DW 快捷键 ctrl + H
3. 工具：WebStorm sublime HBuilder DreamWare
4. HTML 超文本标签语言 (Hyper Text Markup Language )
   1. 内容都是元素 元素就是标签
   2. 标签的分类：
      1. 成对

      2. 自关闭
   3. HTML 是网页的源代码
   4. 能够被浏览器直接解析
      1. 浏览器 是最常用的客户端
      2. 浏览器
         1. IE6 IE8 兼容性特别差
         2. Goole firefox
      3. “解释和执行”HTML源码的工具
         1. 浏览器都是根据W3C制定标准 研发的
         2. 由各大浏览器厂商 生产产品 实现相应功能
         3. 未实现的功能 就称为 不兼容
         4. 实现出来的功能 可以直接解释 HTML语句
   5. CS/BS
      1. BS 浏览器 与 服务器
         1. 浏览器轻便 小巧 易于安装 和 卸载
      2. CS 客户端 与 服务器
         1. 客户端 资源大 不易于下载
   6. 标签值 与 属性值
      1. 标签值 用于显示 AAA
      2. 属性值 用于该标签标记 ”abc” >AAA
5. HTML基本结构
   1. 
6. 浏览器窗口
   1. 
7. HTML标签
   1. 标签放在 head标签 或 body标签中
   2. Title
      1. 网页摘要信息利于浏览器解析和搜索引擎搜索 相当于网页的名字
      2. 放在head标签中
      3. 
   3. Meta
      1. 使用标签
         1. 描述文档类型和字符编码
         2. 描述搜索关键字和描述
      3. content提供搜索关键字和内容描述信息，方便搜索引擎的搜索
   4. 分类：
      1. 块级 前后自动换行
      2. 行级 逐行显示
      3. 分类目的 便于整体布局
   5. 块级：
      1. 标题标签：

         1. ...

         2. 
      2. 段落标签

         2. 
      3. 分割线

         1. ---

      4. 有序标签
         1. Ol-li （自动排序 自动换行）
            1. 2. AAA
         2. 
      5. 无序标签
         1. Ul-li
            2. 
      6. 描述标签
         1. Dl-dt-dd

            1. 1. 标题
               2. 正文
         2. 
      7. 表格 展现
         1. 列 单元格

         2. 
      8. 表单 具体提交功能的表
         3. Action 属性 表单提交地址
         4. Method属性 提交方式
      9. 分区标签

                                    style="font-family:'Times New Roman', Times, serif">测试

                                 

1.                          
   1. 字体标签
      1. Input标签
         1. 理解input标签的各种type类型的作用
         2. 属性区别
            1. Id属性 用于前台校验
            2. Name属性 用于后台取值
            3. Value 默认值 缺省值 回显值
         3. 请求方式
            1. Get请求不安全 地址栏上有 ? 参数的拼接
            2. Post请求安全 使用较多 地址栏不会携带表单信息
         4. Input 与 button 默认类型(******)
            1. Input 默认类型 为 text 所以当按钮时 type=”button”
      2. 隐藏属性
      3. 特殊符号
         1. 空格：    ；
         2. 大于(>)： >>；
         3. 小于(<）:    <<；
         4. 引号（”）：  ”"；
         5. 版权号() ：  ©©；
         6. hidden 属性 hidden表示隐藏 block 表示显示
      4. 注释
      5. 超链接
         1. 标签值 必须写标签值
         2. Href 跳转地址
            1. 实现页面间的导航 链接热点文本或图像
            2. 实现锚链接  
               1. 定义标记（锚）：目标位置 锚点
               2. 设置链接到标记位置：当前位置
               3. 刷新本页
            3. 功能
               1. [email protected]">站长信箱
      6. 基本规范
         1. 标签名和属性名称必须小写
         2. HTML标签必须关闭
         3. 属性值必须用双引号括起来
         4. 标签必须正确嵌套
         5. 必须添加文档类型声明
      7. W3C World Wide Web Consortium，万维网联盟
         1. W3C的职能：负责制定和维护web行业标准
         2. W3C标准包括：列的标准：
         3. HTML内容方面：XHTML
         4. 样式美化方面：CSS  
         5. 结构文档访问方面：DOM
         6. 页面交互方面：ECMAScript
      8.   空格 的转义
      9. 换行标签
         1. 
            
      10. 图像标签
          1. ””/>
          2. 
      11. 范围标签span （行级别）
          1. 主要用于文本上
          2. 商品价格：5折起

   2. 提交按钮时 type=”submit”

   3. Button 默认类型 为 submit 必须声明类型 type=”button”
      1. 只读和禁用属性
         1. readonly：希望某个框内的内容只允许用户看，不能修改
         2. disabled：因没达到使用的条件，限制用户使用
      2. 跨列（*****）
         1. colspan  属性表示跨多少列
      3. 跨行（*****）
         1. rowspan  属性表示跨多少行
      4. eg:

         
                  
         
                  
         
                     
         城市
                     
         2014年
                     
         2015年
                     
         2016年
                  
                  
         
                     
         上半年
                     
         下半年
                  
                  
               
                  
         
                  
         
                     
         北京
                     
         8000
                     
         9000
                     
         10000
                     
         12000
                   
                  
                  
         
                     
         上海
                     
         6000
                     
         7000
                     
         8000
                     
         10000
                   
                  
                  
          
                  
         
                  
         
                     
         合计
                     
         7000
                     
         8000
                     
         9000
                     
         11000
                   
                  
                  
         

      5. 
      6. Table 的隐藏标签
         2. 
         3.  
      7. HTML框架
         1. Frameset
         2. 作用：
            1. 显示多窗口页面---使用框架集
            2. 页面复用—使用