html标签笔记

1、一套规则，浏览器认识的规则

2、开发者
   学习html规则
   开发后台程序：
      写Html文件（充当模板的作用）
      数据库获取数据，然后替换到html文件的指定位置（web框架）

3、本地测试
   找到文件路径，直接浏览器打开
   pycharm打开测试

4、编写html文件
   doctype 对应关系
   html标签，只能有一个，标签内部可以写属性
   注释 <!-- 注释内容 -->

5、标签分类
   自闭和标签
      <meta charset="UTF-8"/>
   主动闭合标签
      <title>内容</title>

6、head标签中
   <meta /> 编码，跳转，刷新，关键字，描述，IE兼容
   title 标签
   <link /> 图标
   <style />
   <script />

7、body标签
   符号 &nbsp; &gt; &lt;
   p标签，段落
   br标签，换行
========小总结==========
   所有标签分为：
      块级标签：H系列（加大加粗特性），p标签（段落和段落之间有间距）,div标签（白板）
      行内标签：span（白板特性），a标签
   标签之间可以嵌套
   标签存在的意义，定位操作容易，css操作，js操作容易
   ps：chrome审查元素的使用，定位，查看样式
input系列
      input type='text' -name属性， -value="汽车"，默认值
      input type='password' -name属性， -value="汽车"，默认值
      input type='submit' -value='提交'
      input type='button' -value='按钮'
      input type='radio' -单选框 value，name属性（name相同则互斥），checked="checked"默认勾选
      input type='checkbox' -复选框 value，name属性（批量获取数据），checked="checked"默认勾选
      input type='file' -上传文件，依赖form表单的一个属性 enctype="multipart/form-data"
      input type='reset' -重置

     <textarea name="meno">赛猴雷</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

   rowspan

lable标签，用于点击文件，使得关联的标签获取光标

<label for="username">用户名：</label>
<input id="username" type="text" name="user">

 fieldset标签 —》legend