Python HTML day1

1.本地调试的时候可以随便建个文本调试，直接打开就能看到效果，不需要一直用socke创建服务器来连接（pycharm可以直接在编程时打开）

2.Doctype ：告诉游览器使用什么规范来解析html文档，如果没写，就默认是BackCompat

　　1.BackCompat：标准兼容模式未开启

　　2.CSSlCompat：标准兼容模式已开启

3.HTML（主体）
　　- 标签
　　Meta(metadata information) 自闭合标签
　　　　1.页面编码：<meta charset="UTF-8">
　　　　2.刷新和跳转：
　　　　　　刷新：<meta http-equi="Refresh" Content="30"/>
　　　　　　跳转：<meta http-equi="Refresh" Content="30;Url=http://www.xx.com"/>
　　　　3.关键字和描述：
　　　　　　<meta name="keywords" content = '关键字'/>
　　　　　　<meta name="description" content = '描述'/>
　　　　4.X-UA-Compatible （用IE内核解析）、
　　　　　　<meta http-equi="X-UA-Compatible" content="IE=edge"/>
　　Title:就是页面的头部信息
　　Link：
　　　　1.css
　　　　2.icon
　　　　　　<link rel="shortcut icon" href="image/favicon.ico">

　　div:      本身没有什么效果，只是显示，默认是块级标签，占一整行（div,h1,p）
　　span：本身没有什么效果，只是显示，默认是内联标签，是什么就是什么（a,span,select）
　　PS:如果想要输入<h> 或<m等等的话，可以使用 &lt;h&gt; 这样就能显示了，不然会被当成特殊标签
　　　　空格是&nbsp;

　　p标签：代表一个段落，因为行与行之间有空隙 <br/>表示换行<hr/>表示分割线

　　input输入类型：text，password，radio，checkbox，file，button，submit，reset，

    <p>用户名：       <input type="text"></p>      <!--     会显示输入文本-->
    <p>密 码： <input type="password"></p>         <!--     不会显示输入文本-->
    <p>多行输入文本框：<textarea></textarea></p>
    <p>性别（单选）：男<input type="radio" name="性别" value="男">女<input type="radio" name="性别" value="女"></p>

　　<p>文件：<input type="file"></p》

    <p>爱好(多选框)
        <br/> 兴趣1<input type="checkbox">
        <br/> 兴趣2<input type="checkbox">
        <br/> 兴趣3<input type="checkbox">
        <br/> 兴趣4<input type="checkbox">
    </p>
<!--          下拉选择-->
    <p>所在城市：
        <select>
            <option>北京</option>
            <option>福建</option>
            <option>上海</option>
            <option>广东</option>
        </select>
<!--        一次性显示多个选项，按住ALT就能多选-->
        <select multiple size="10">
            <option>北京</option>
            <option>福建</option>
            <option>上海</option>
            <option>广东</option>
        </select>
<!--        给选项分配标签，标签不可选-->        
        <select >
            <optgroup label="标签1">
                 <option>北京</option>
                 <option>福建</option>
            </optgroup>
            <optgroup label="标签2">
                <option>上海</option>
                <option>广东</option>
            </optgroup>
        </select>
    </p>

　　　　　　提交输入内容：作用范围 所在form

    <input type="submit" value="提交">   <!-- 提交-->
    <input type="button" value="提交">   <!-- 只是个按键，想实现功能需要联动-->
    <input type="reset" value="提交">    <!-- 重置输入内容-->

　　select - 下拉选择

　　textarea - 多行文本

　　form  - 要提交的内容放在这里面

　　a标签
　　　　1.跳转页面
　　　　　　<a href = "http://www.baidu.com">百度1</a> 刷新掉原来标签页
　　　　　　<a href = "http://www.baidu.com" target = _blank>百度2</a> 新建一个标签页
　　　　2.锚点
　　　　　　把a标签和其他标签建立关系，使得可以用a标签跳转
　　　　　　<a href="#i1">点击</a>
　　　　　　<div id="i1" style="height: 500px">这里1</div>

　　h标签：

　　　　h1,h2,h3,h4,h5,h6  默认字体逐渐变小