html
　　　　1.超文本
　　　　    超越普通文本
　　　　    text 就是普通文本
　　　　2.标记语言
　　　　  脚本语言 和 编译语言
　　　　  html 特点  本身不具有逻辑能力和行为能力  只能被浏览器读取
　　　　    <div>1+1</div>
　　　　    输出还是1+1
　　　　1.html特点
　　　　    1.读取顺序 从上到下 依次读取
　　　　    2.对大小写不敏感   不区分大小写
　　　　    3.容错性  你出错了还是可以输出  浏览器可能会对你进行稍微改错
　　　　
　　　　2.元素的组成
　　　　    开始标签             元素内存               结束标签
　　　　
　　　　    < 标签名称 >。      </标签名称>
　　　　    空元素：
　　　　    单标签
　　　　    <img src="" alt="">
　　　　    开始标签
　　　　
　　　　3.属性
　　　　属性的设置原则
　　　　    所有的属性写在开始标签内部
　　　　    属性名和属性值之间用等号连接
　　　　    多对属性之间使用空格隔开
　　　　    属性值使用单引号或者双引号包裹，除了布尔值属性
　　　　    <div class='one' id='' ></div> 
　　　　       div和id之间（属性和属性）用空格隔开   
　　　　       class和one（属性名和属性值）用等号连接
　　　　       字符串
　　　　       ""   ''
　　　　     <div class="'one'"></div>
　　　　     <div class='"one"'></div>
　　　　
　　　　     布尔值属性：
　　　　     true / false
　　　　
　　　　     readonly
　　　　        readonly='readonly'
　　　　        readonly='true'
　　　　        readonly=true
　　　　        -->readonly
　　　　
　　　　        reversed 
　　　　
　　　　公有属性:
　　　　    id:属性的唯一标识
　　　　    class:用来标记一类元素  class='one  two o'
　　　　    style:根据css语法来进行设置。设置元素样式
　　　　    title:设置元素的提示信息
　　　　    例如：<div title='这是我的标签'>hello </div>
　　　　私有属性
　　　　    <img src="./1.png"  alt="">
　　　　    <div src="./1.png"></div>
　　　　
　　　　
　　　　4.元素分类
　　　　行内元素：
　　　　span
　　　　    特点：
　　　　        可以和其他元素共享一行空间
　　　　        不能之间设置宽高属性  （可以间接设置）
　　　　        不能之间设置上下的内外边框
　　　　        不能嵌套块级元素
　　　　块级元素
　　　　div
　　　　    特点：
　　　　        独占一行空间
　　　　        可以设置宽高属性
　　　　
　　　　html中：无意义的元素？
　　　　    div
　　　　    span
　　　　    作用：用来构建html页面，进行布局
　　　　5.基础语法
　　　　    空白语法：
　　　　        <div>hello world</div>
　　　　        所有空格将会解析成一个空格
　　　　        pre标签
　　　　        p
　　　　        字符实体：
　　　　        doctype:
　　　　        声明文档类型
　　　　		<！doctype >
　　　　            意义：
　　　　            替代html中一些的特殊字符
　　　　            一个p标记是这样书写的：     <p></p>
　　　　            语法：
　　　　                &实体名称;
　　　　                &lt;  --> <
　　　　                &gt;  --> >
　　　　                &nbsp: 代表  空格
　　　　                &quot； 代表 “
　　　　                &copy； 代表版权声明
　　　　
　　　　        注释；
　　　　          <!--注释内容-->
　　　　          注释不能嵌套使用
　　　　6.标签
　　　　    html4；
　　　　    p
　　　　    pre        
　　　　    div 
　　　　    body
　　　　    h1~h6  标题标签
　　　　    ul>li
　　　　    ol>li
　　　　        start
　　　　        reversed（反转）:布尔值
　　　　        dl>dt/dd 
　　　　        table：
　　　　            thead  （头）
　　　　            tbody   （身体）
　　　　            tfoot   （脚）
　　　　                caption(标题)
　　　　                colgroup（列  分组）
　　　　                    col：
　　　　                            span
　　　　                tr 
　　　　                    th/td 
　　　　em
　　　　i
　　　　strong 加粗
　　　　b
　　　　u 
　　　　del 
　　　　img: 
　　　　    src
　　　　    alt
　　　　    width
　　　　    height
　　　　a(链接):
　　　　        href:
　　　　            url：http://ip:port/项目路径
　　　　                http：www.baidu.com 
　　　　                锚点：
　　　　                1.设置终点
　　　　                    id='one' 
　　　　                2.点击a标签进行移动
　　　　                    #one
　　　　                    ./b.html/#one
　　　　                    
　　　　                mailto(设置邮箱):
　　　　                邮箱地址
　　　　        target():
　　　　            _self
　　　　            _blank(打开新的标签页)
　　　　            _top（）
　　　　            —parent
　　　　
　　　　    form:表单
　　　　        action：
　　　　        target
　　　　        method（设定表单提交方式）：
　　　　            get：
　　　　                1.相对不安全
　　　　                2.只能提交轻量级数据
　　　　            post：
　　　　                1.相对安全 
　　　　                2.可以提交重量级数据
　　　　
　　　　
　　　　
　　　　
　　　　        组件:
　　　　
　　　　        input：
　　　　            type：
　　　　                text 
　　　　                password
　　　　                image
　　　　                button
　　　　                submit
　　　　                reset
　　　　                file
　　　　                hidden（隐藏域）
　　　　                radio（单选框）
　　　　                checkbox
　　　　
　　　　            name：
　　　　                设置与后台交互的属性的属性名
　　　　                <input type="text" name='username'>
　　　　                username='用户所输入的内容'
　　　　
　　　　            value:
　　　　                文本：
　　　　                按钮：
　　　　                多选框/单选框：
　　　　                
　　　　            checked：
　　　　                单选或者多选时候用
　　　　                布尔值
　　　　            disabled（禁用当前组件）：
　　　　                布尔 
　　　　            readonly （只读）
　　　　                布尔属性
　　　　            required
　　　　                布尔属性
　　　　            placeholder（提示用户所输入的内容部分）
　　　　
　　　　
　　　　        select：size    mutiple disabled
　　　　            option：
　　　　                name
　　　　                value（）
　　　　            optgroup（给当前组设立标题）
　　　　                label
　　　　        button：
　　　　            type：
　　　　
　　　　            例如<button type='button'> 按钮</button>
　　　　        textarea（多行文本框）
　　　　            wrap(是否允许换行)：
　　　　                off
　　　　                soft
　　　　                hard
　　　　            <textarea cols="30" rows="10" > </textarea>
　　　　
　　　　        label  标签:
　　　　            男： <input type="radio" "> 
　　　　            1.<label for="">
　　　　                男:
　　　　            </label>
　　　　            <input type="text" id='one'>
　　　　
　　　　            2.
　　　　            <label>
　　　　                  男:<input type="radio">
　　　　            </lablel>
　　　　        filedset:
　　　　            划分区域
　　　　
　　　　
　　　　
　　　　
　　　　html5：
　　　　    新增标签 语义化标签  当成div去用
　　　　    =【】
　　　　    hearder
　　　　    article
　　　　    footer
　　　　    section
　　　　    aside
　　　　    nav
　　　　    ...