html 基础笔记

html
    1，一套规则，浏览器认识的规则
    2，开发者：
        学习Html规则
        开发后台程序：
            -写Html文件（充当模板的作用）
            -数据库获取数据，然后替换到html文件的指定位置（web框架）
    3，本地测试
        -找到文件路径，直接浏览器方式打开
        -pycharm打开测试
    4，编写Html文件
        -doctype对应关系
        -html标签，标签内部可以写属性    ==》一个脚本里只能有一个html标签
        -注释 ：<!-- 注释的内容 -->
    5，标签分类
        -自闭和标签
            <meta charset="UTF-8">
        -主动闭合标签
            <title>贾祥飞</title>
    6，head标签中
        -<meta -> 编码，跳转，刷新，关键字，描述，IE兼容
        -<title>标签</title>
        -<Link />  搞图标
        -<style />
        -<script>
    7，body标签
        -图标， &nbsp; &lt; &gt;
        -p标签，段落
        -br, 换行
        ======小总结======
            所有的标签分为：
                块级标签：div (白板) ，H系列（加大加粗），P标签（段落和段落之间有间距）
                行内标签（内联标签）：span标签（白板）
            标签之间可以嵌套
            标签之间存在的意义，定位操作，css操作，js操作
               ps: chorm审查元素的作用
                -定位
                -查看样式
        -h系列 字体放大/缩小
　　　   -div 块级标签 白板
　　　   -span 行内标签 白板
        -input系列（可以提交到后台） + form标签

            input type='text'-name 属性  （value='赵范'输入框内默认有‘赵范’）
            input type='password'-name 属性
            input type='submit'-value='提交' 提交按钮，表单
            input type='button'-value='登陆'按钮

            input type='radio'-单选框 value,name属性（name相同则互斥，只能选择一个）
            input type='checkbox'-复选框 value,name属性（批量获取数据）checked='checked'(默认选中)

            input type='file' -依赖form表单的一个属性  <form enctype="multipart/form-data">form表单标签
            input type='reset'-重置

            <textarea>默认值</textarea>-name属性
            select标签-name,内部option value,提交到后台，size显示多个,muiltiple多选

        -a标签
            -跳转 超链接
            -锚 href="#某个标签的id" id不能重复
        -img 图片
            src 图片地址
            alt=‘美女’没有图片地址时显示‘美女’
            title='美女' 鼠标停留在图片上时显示‘美女’两个字
        -列表
            -ul
                li                  
            -ol　　　　　　　　

                li
            -dl
                dt 列表内标题
                dd

 

        -表格
            -table
                thead 表头
                    -tr 行
                        th 列
                tbody 表内
                    tr 行
                        td 列
             colspan = '2' 2代表横向占2格
             rowspan = '2' 2代表竖向占2格

　　　　-label
    　　　　用于点击文字，使得关联的标签获取光标
    　　　　<label for="username">用户名</label>
    　　　　<input id="username" type="text" name="user"/>
　　　　-fileset
    　　　　legent