首页 > 代码库 > HTML常用标签

HTML常用标签

html:超文本标签语言
基础模型:
<html>
      <head>
             <title>HTML示例</title>
             <style type="text/css">
             
             </style>
      </head>
      <body>
                   <script type = "text/javascript">
                   
                   </script>
      </body>
</html>
空格:&nbs
转意:小于号=$lt; 大于号=&gt;
标题标签:<h1></h1>
列表标签:<dl></dl> 上层项目:<dt></dt> 下层项目内容:<dd></dd>有自动缩进效果
有序项目列表:<ol><li></li><li></li><li></li></ol>  
无序项目列表:<ul><li></li><li></li><li></li></ul>  
注释:<!--html注释-->
分行换行:<hr/>
换行:<br/>
图像标签:<img src="图片路径" height=350 width=500 border=10 alt="图片说明文字" />
表格标签:<table border=1 bordercolor="bule" cellpadding=10 cellspacing=0 ><tr><th colspan=2 rowspan=2>加粗并居中</th></tr><tr><td></td></tr></table>   表格的下一级标签是<tbody></tbody>不写也存在
表格标题:<caption>标题</caption>
超链接标签:<a href="http://www.sina.com.cn" target="_blank">新浪网站</a> 使用此标签需要指定协议,默认协议是file,网址是http,邮件是mailto<a href="mailto:wangyinxu@126.com">联系我们</a>  <a href="javascript:void(0)" onclick="alert(‘弹出框效果‘)"></a>  
超链接定位标记:
<a name=top>顶部位置</a>
<hr/>
<img src="图片路径">
<hr/>
<a name=center>中间位置</a>
<hr/>
<img src="图片路径" width=500 height=900>
<hr/>
<a href="#top">回到顶部</a>
<a href="#center">回到中部</a>
框架标签:
<frameset rows="30%,*">
   <frame src="top.html" name="top">
   <frameset cols="30%,*">
       <frame src="rigth.html" name="right"/>
       <frame src="left.html" name="left" />
   </frameset>
</frameset>
left.html内容:<a href="../imgs.htm" target="rigth"></a>
画中画标签:<iframe src="table.html" height=400 width=600>画中画标签</iframe>
表单标签:<form>姓名:<input type="text" name="user" value="haha"/><br/>姓名:<input type="password" name="psd" /><br/>性别:<input type="radio" name="sex" value="nan"/><input type="radio" name="sex" value="nv" checked="checked"><br/>职业:<input type="checkbox" name="gcs"value="cs"/>测试工程师<input type="checkbox" name="gcs"value="kf"/>开发工程师<input type="checkbox" name="gcs"value="yw"/>运维工程师<br/><input type="reset"value="清除数据" /><input type="submit"value="提交数据"><br/><input type="button" value="按钮" onclick="alert(‘hello‘)"><br/><input type="imge" src="图片路径该图片用于提交操作" /><br/><input type="file" name="file" ><br/><input type="hidden" name="sdfg" value="value"/></form>
下拉菜单标签:
<select name="country">
    <option value="none">--选择国家--</option>
    <option value="china" selected="selected">中国</option>
    <option value="usa">美国</option>
</select>
文本框标签:<textarea name="text"></textarea>

 

HTML常用标签