html基础标签

 <!-- 
  表单标签的使用:
   form:表单标签，用于和服务器进行交互。
     属性：
      action:跟的是表单提交的服务器的地址。servlet,jsp
      method:表示表单的提交方式。get和post提交。建议使用post提交。
     get提交把值都显示在地址栏上，但是效率高。
    post效率低，安全性高。
   在form标签嵌套中，使用input标签，表示用户的输入。它有一个type属性。用于定义不用的表单的类型。
   默认情况下，指的是文本框。  
    
    文本框：
     type="text" 表示这是文本框。
     name="username" 是用于将来服务器取值使用。
     id="username" 是用于将来js取值使用。
     readonly="readonly" 只读属性。这个属性，是一个标记属性。后来为了和新
          的html规则统一，所有的html属性都必须有值。
          这个时候，给所有的标记属性赋值为它本身。
     value="请在这里输入用户名" 默认值
     size="20" 表示文本框的长度  
     
    密码框：
     type="password" 表示这是密码框
     name="password" 是用于将来服务器取值使用。
     id="password" 是用于将来js取值使用。
     size="20" 表示密码框的长度 
     value="admin" 默认值
     readonly="readonly" 只读属性
      
    单选按钮：
     type="radio" 表示这是单选按钮
     name="sex" 是用于将来服务器取值使用。
         name是用于表示多个按钮属于同一个按钮组。
           所以，如果是属于统一按钮组的单选按钮，要求名称一致。
           这样的话，他们在选择的时候就是互斥关系。
     id="man" 是用于将来js取值使用。
     value="男" 这是服务器实际获取到的值。
     标签外：男 这是显示给用户看到的信息。
     checked="checked" 标记属性。表示默认选中。
     
    复选按钮：
     type="checkbox" 表示这是一个复选框
     name="likes" 是用于将来服务器取值使用。复选框服务器获取到的是一个数组。
     id="read" 是用于将来js取值使用。
     value="看书" 这是服务器实际获取到的值。
     标签外：睡觉  这是显示给用户看到的信息。
     checked="checked" 标记属性。表示默认选中。
     
    文件选择框：
     type="file" 表示这是一个文件框
     name="file" 是用于将来服务器取值使用。
     id="file" 是用于将来js取值使用。
     
    隐藏框：
     type="hidden" 这表示是一个隐藏框
     name="admin" 是用于将来服务器取值使用。
     id="admid" 是用于将来js取值使用。
     
    按钮：
     特殊的按钮，内置了js事件。
      type="submit" 这是提交按钮
      type="reset" 这是重置按钮
     type="button" 这是普通的按钮，需要自己实现事件才可以用。
    
   特殊表单标签：
    下列框：
     select
       name="province" 是用于将来服务器取值使用。
       id="province" 是用于将来js取值使用。
      |--option 下列选项
       value="辽宁省" 服务器实际获取的值
       selected="selected" 默认选中
       
    文本域：
     textarea
     rows="10" 行
     cols="40" 列
     name="myself" 是用于将来服务器取值使用。
     id="myself" 是用于将来js取值使用。
  --> 
  --------------------------表格标签---------------------------------------------------------------------  
   <!-- 
  表格标签的使用：
   table：表格标签
    属性：
     border:表格的边框
     width:表格的宽度,默认px单位。还可以给百分比。
     background:背景图片
     align="center"
     cellpadding：数据和边框的距离
     cellspacing：边框与边框的举例
     <!--valign："top"垂直对齐-->
    |--caption 表格的标题
    |--tr 表格的行
     |--td 表格的列,单元格
      width 单元格的宽度
     |--th 表格的标题行
   表格的位置设置：
    table center是让表格居中。
    tr 的center是让数据行居中。这个时候，每个td数据都居中。
    td 的center是让单元格居中。   
  -->
   <!-- 
  行合并：rowspan=值
  列合并：colspan=值
  -->
  --------------------------标签区域---------------------------------------------------------------------  

 div换行。
 span不换行---
 CSS一般定义样式，不需要加""号
 html不一定只会识别""号
  --------------------------标签区域---------------------------------------------------------------------