html标签

HTML
    1.一套规则，浏览器认识的规则
    2.开发者:
        学习html规则
        开发后台程序
            - 写html文件(充当模板的作用)
            -数据库获取数据，然后替换到html文件的指定位置(web框架)

    3.本地测试
        - 找到文件路径，直接浏览器打开
        - pycharm打开测试
    4.编写html文件
        - doctype对应关系
        - html标签，标签内部可以写属性
        - 注释:<!-- 注释的内容 -->
    5.标签分类
        - 自闭合标签
            <meta charset="UTF-8">
        - 主动闭合标签
            <title>somebody</title>
    6.head标签中
        - <meta ->编码，跳转，刷新，关键字，描述，IE兼容
            <meta http-equiv="X-UA_Compatible" content="IE=IE9;IE=IE8;"/>
        - title标签
        - <link />
        - <style />
        - <script>
    7.body标签
        - 图标，&nbsp; &gt; &lt;
        - p标签， 段落
        - br,换行
        ========总结===========
            所有标签分为:
                块级标签: div(白板),H系列(加大加粗),p标签(段落与段落之间有间距)
                行内标签: span(白板)
            标签之间可以嵌套
            标签存在的意义，css操作，js操作
            ps:chorme审查元素的使用
        - input系列
            input type="text"       - name属性，value="sun"
            input type="password"   - name属性，value="sun"
            input type="submit"     - value="提交" 提交按钮，表单
            input type="button"     - value="登录" 按钮

            input type="radio"       - 单选框 value，checked="checked",name属性(name相同则互斥)
            input type="checkbox"    - 复选框 value，checked="checked",name属性(批量获取数据)
            input type="file"        - 依赖form表单的一个属性 enctype="multipart/from-data"
            input type="reset"       - 重置

            <textarea>默认值</textarea> -多文本输入框 name属性

        -select标签:
            <select name="city" size="6" multiple="多选">
                <option value="1">北京</option>
                <option value="2">上海</option>
                <option value="3" selected="selected">南京</option>
                <option value="4">深圳</option>
        - a标签
            - 跳转
            - 锚     href="#某个标签的" 标签的ID不允许重复

        -img
            属性有src，alt
            <img src="water.jpg" style="height:200px;200px;"alt="图片"/>
        -列表
            <ul>
                <li></li>
            </ul>
            <ol>有序列表
                <li></li>
            </ul>
            <dl>带标题的列表
                <dt></dt>
                <dd></dd>
            </dl>
        - 表格
            <table>
                <thead><tr><th></th></tr></thead>
                <tbody><tr><td></td></tr></tbody>
            </table>
            td标签中，colspan="2"表示合并两列，rowspan="2"表示合并两行
        - label
            用于点击文字，使得关联的标签获取光标
            <label for="username">用户名:</label>
            <input id="username" type="text" name="user" />
        - fieldset 不常用,有印象就好
            legend