#Html5入门
##各技术点

### HTML
* 定义页面结构
### CSS
* 定义页面样式
### JavaScript
* 定义页面逻辑

##入门准备基础
###编辑器
* sublime
* notepad++
* vim
* atom
* dreamweaver
* webstorm (集成环境)

### 浏览器
* 主流浏览器
    * chrome         内核  webkit            
    * Safari         内核  webkit
    * firfox         内核   gecko
    * IE             内核  Trident
    
* 壳浏览器
    *  Opera           google内核
    *  360安全    双核   google内核/IE
    *  360极速    双核   google/IE
    *  UC
    *  猎豹
    *  搜狗
    *  QQ
    *  百度浏览器
    *  淘宝浏览器
### 字符集编码
* ASCII 码
* 汉字编码
    *  GB2312
    *  GBK

* 国际通用编码
    * UTF-8
    

### 计算机存储单位
* 字节 B (Byte)       
* 位(比特)    b  (bit)
* 1B = 8bit


# 关于HTML
### 什么是HTML
* 超文本标记语言

### HTML的发展历史
* 最新版HTML5
* 之前的版本 XHTML1.0
* 再之前才是 HTML4


# HTML基本语法
### HTML标签
* 单标签  `<标签名>内容<标签名/>`
* 双标签  `<标签名>` 或 ``
* 也叫 元素

### 属性
* 属性属于标签
* 一个标签可以有多个属性，每个属性有不同的意义
* 属性值最好写在双引号中

### 代码规范
* 缩进  Tab或4个空格
        
        
            
                
            
            
            
        

### 注释
``

# HTML 主体结构标签
### 文档声明
* ``

### html标签
* ``

### head标签
* ``
* 里面会包含 诸如页面标题，搜索引擎信息等相关的标签

### body标签
* ``
* 页面的主体内容
        
         属性
        *  background
        *  bgcolor
        *  text
        *  link   超链接默认颜色
        *  vlink    点击过后的颜色
        *  alink    正在点击的颜色
         无用，改设置CSS

# head头部标签
### 标签
* `` 定义标题
* `` 
* ``  

### meta功能
* 定义字符集编码
    * ``
    * ``

* 刷新或跳转
    * ``
    * ``

* 设置关键字
    * ``

* 设置页面描述
    * ``


### 定义网站标题图标
* ``


# 格式排版标签
### 换行标签 br
* `
`

### 分隔线 hr
* `

`
* 语义：段落与段落之间的分割
* 属性
    *  width
    *  size
    *  align
    *  noshade

### 段落标签 p
* `

`
* 语义：表示段落
* 属性
    * align : left/right/center

### 原样输出标签  pre
* `
`
* 语义：需要原格式输出 显示代码

### 标题标签 hr
* `
` 一级标题
*  `
` 二级标题
*  `
` 三级标题
*   `
` 四级标题
*    `
` 五级标题
*     `
` 六级标题

### 居中标签
* `
`
* 不建议使用