html中一些常用标签

1. form标签：主要用于提交页面用户输入的数据，当我们点击当前from中的submit按钮的时候，form就会将其中的所有的用户输入的数据，提交到url指定的地方--------- 
2. Input标签：提供一个输入视图，可供用户输入数据 
其中有一个属性type属性，此值有10种，每一种type都对应着一种不同的视图效果，提供的输入方式也不一样 
3.<input type="button" value="普通按钮"/>：本身不具备value属性改变按钮上的文字，可通过脚本语言赋予功能； 
4.<input type="checkbox" name="hobby" value="basketball"/><br/> 
复选框：注意—如果多个选项属于同一题目，那么这多个选项的name属性值要保持一致，并且要给出对应的value属性值； 
5.<input type="file" name="myFile" id="myFile"/>：文件上传控件，提供一输入框和一个‘浏览’按钮，当用户需要上传文件的时候，点击按钮，选择相应的文件； 
6.<input type="image" src="image/loginan.gif"  />：图片按钮，将图片作为一个按钮，能实现一个按钮功能； 
7.<input type="text"  id="usename" /><br/>：文本输入框； 
8.<input type="password"  id="pass" />：密码输入框； 
9. <input type="radio"  name="sex" value="aaa" />：单选框（同一个选项下name属性值要一致—同复选框一样）； 
10.<textarea name="content" rows="10" cols="5"></textarea>：文本域—可以完成文本的多行输入—name属性用于向代码中传值，通过rows和cols来改变文本域的高度与宽度； 
实例： 

<form name="form1" action="http://www.baidu.com/"> 
       <input type="text" name="name1" id="name1" /> 
        <input type="password" name="pass1" id="pass1"  /> 
        <input type="reset"  value="取消" />//重置标签按钮 
        <input type="submit"   value="登陆"/>//提交按钮 
</form> 
    <form name="form2"  action="http://www.hao123.com/"> 
        <input type="text" name="name2" id="name2" /> 
        <input type="password" name="pass2" id="pass2"  /> 
        <input type="reset"  value="取消" /> 
        <input type="submit"  value="登陆" /> 
    </form> 

 
11. Img标签：<img src="image/jingxuan096.jpg" id="myImg" usemap="#mymap" width="100%" alt="你点我"/>； 
12. Map标签：<map  name="mymap" id="mymap"> 
    <area shape="rect" coords="0,0,960,1080"  href="http://www.baidu.com"  target="_blank" alt="map"></map>； 
13.  下拉菜单标签：

<select  name="province"> 
            <option>--请选择--</option> 
            <option value="hb">湖北</option> 
            <option value="hn">南北</option> 
            <option value="sh">上海</option> 
  </select><hr />

 
14.   文本域标签：<textarea name="content" rows="10" cols="50"></textarea><br />； 
 15.   Frameset标签：<frameset rows="100,*" border="0"> 
   

 <frame   name="head" src="head.html" noresize="noresize" scrolling="no"/> 
        <frameset cols="150,*" > 
        <frame  name="left" src="menu.html"  noresize="noresize"/> 
        <frame  name="right" src="other.html"/> 
        </frameset> 
    </frameset>

 

 16. Div标签：固定面板在div容器中； 

17. table标签：表格标签；