HTML day-2

1.table
    表格（数据的简单展示）：
     <table>
        <thead>     <!--表头 -->
           <tr>
                <th>
                </th>
            </tr>
        </thead>    
        <tbody>     <!--表体-->
            <tr>
                <td>
                </td>
            </tr>
        </tbody>
     </table>
        th有加粗效果，td没有
        合并表格colspan：""  rowspan:""    直接在首个需要合并的元素标签内设置
        表格内边距cellpadding  
        表格线条border=“1”  cellspacing=“0”(单元格和单元格之间的间隙)

2.HTTP：应用层协议
        相应状态码 404找不见地址 500
        请求方式 method：get set
        get：显示的，大小有限制（小）   浏览器的地址栏，超链接，表单
        post：隐式的，大小有限制（大）  表单
        一次请求      
        一次响应

    表单数据的内容类型：
        1.application/x-wwww-form-urlencoded
        2.multipart/form-data

    请求报文：
        请求行：method url HTTP/1.1
        请求头： 客户端和服务端约定的系统属性，自定义的属性，令牌
        请求体：

    GET请求报文：
        GET http：//www.baidu/index.html?wd=12&k1=v1 HTTP/1.1
        Host:http:/www.baidu.com
        User-agent:safri..\r\n
        Connection:keep-alive\r\n
        \r\n
    Post请求报文：
        POST http：//www.baidu/index.html HTTP/1.1\r\n
        Host:http:/www.baidu.com
        User-agent:safri..\r\n
        Connection:keep-alive\r\n
        \r\n
        

    响应报文：
        响应行：HTTP/1.1 200 OK\r\n
        响应头：
                Content-Type:text/html;charset=utf-8\r\n
                Content-Lenth:大小\r\n
                ...\r\n
        响应体:

3.form表单（块级元素）
        value:选项时会写value    用户自己填写的数据一般不会选value
        placeholder是html5的属性一般用于提示
        disabled 只能看，不提交后台
        readonly 可以看，可以点击，但是输入没用，提交后台
        lable 聚焦  具体聚焦 lable for
        target 表示浏览器接收到form的提交信息后在哪里显示回应
        wrap    off表不换行 hard自动硬回车换行，换行元素一同被传送到服务器中
                soft自动软回车换行，换行元素不会传到服务器中

        隐藏：<input type="hidden" name="123" value="456">
        单行文本框：<input type="text" name="username"/>
        文本区域<textarea name="introduce"  cols="60" rows="10" wrap="hard "></textarea><!--没有value-->
        密码框:<input type="password" name="pwd">
        随意:<input type="text"/>
        普通按钮：<button></button>
        提交按钮:<input type="submit"/>
        重置按钮:<input type="reset">
        单选框  radio  相同名字实现单选
        复选框 <input type="checkbox" value="yellow">黄色
        文件   file    post  multipart/form-date
        多选select控件  <select><option></option></select>    multiple属性设置多选  
                        option组件      disabled表示禁用组件，禁用组件的值也不能被提交  
                                        value定义组件的初始值，提交表单时，初始值会被提交给服务器
                                        selected表示该选项默认被选中
                        optgroup组件    disabled表示禁用组件，禁用组件的值也不能被提交  
                                        label表示该选项组的名称
                                        selected表示该选项默认被选中
4.html表单

         进度条(progress)
         <progress value="0.3" max="1"></progress>30%

        游标进度：(input type="range")
        <form οninput="result.value=n1.value">    <!--让游标与数字显示相对应-->
        <input type="range" value="30" name="n1">
        <output name="result">30</output>
        </form>
        output表示用户动作产生的结果    name定义动作的名称   for其他元素的id列表，表示这些元素为计算提供了输入值(或受其影响)

        不同的范围值显示的样式不同(meter)    max上限 min下限 low规定范围下限  high规定范围上限 optimum最佳值
        <meter name="wendu"
        min="-40" max="120"
        low="15" high="25"
        value="-20">
        </meter>

        <input list="a1" type="text" name="newcity">  <!--text和下面联系起来 用list属性和datalist的id属性连接-->
        <datalist id="a1">
        <option value="">太原</option>
        <option value="datong">大同</option>    <!--有value选择显示value的值，没value显示填写的文本-->
        </datalist>

        type新增属性    number(数字控件) range(范围控件) search(搜索控件) tel(电话控件) url(地址控件) color(颜色控件)           email(email控件)
        date(日期控件) datetiome-local(日期时间控件) time(时间控件) month(日期插件年月) week(日期插件年周)    只被chrome opera支持