html常用标签

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> xhtml Test Page</title>
  <meta name="Generator" content="EditPlus" />
  <meta name="Author" content="php100">
  <meta name="Keywords" content="网页的关键词" />
  <meta name="Description" content="网页的描述信息" />
  <meta http-equiv="content-type" content="text/html;charset=gb2312" />
  <meta http-equiv="refresh" content=";url=http://www.php100.com" />
 </head>
 <body>
  <h1>h1标题</h1>
  <h2>h2标题</h2>
  <h3>h3标题</h3>
  <h4>h4标题</h4>
  <h5>h5标题</h5>
  <h6>h6标题</h6>
  <p>段落标记</p>
  <br />
  <pre>预定义格式标签</pre>
  <i>斜体i</i>
  <em>斜体em</em>
  <b>粗体b</b>
  <strong>加粗strong</strong>
  <u>下划线</u>
  H<sub>2</sub>O
  X<sup>2</sup>=Y
  <font>字体标签</font>
  <ul type="disc">
<li>彭丽媛访德用国产手机拍照</li>
<li>揭秘朝鲜“完美无缺”滑雪场</li>
<li>市民体验山里新鲜空气 现场似输液</li>
<li>探访三亚海天盛筵展出的公务机</li>
<li>广西桂林一工业园发生大火</li>
  </ul>
  <ul type="circle">
<li>彭丽媛访德用国产手机拍照</li>
<li>揭秘朝鲜“完美无缺”滑雪场</li>
<li>市民体验山里新鲜空气 现场似输液</li>
<li>探访三亚海天盛筵展出的公务机</li>
<li>广西桂林一工业园发生大火</li>
  </ul>
   <ul type="square">
<li>彭丽媛访德用国产手机拍照</li>
<li>揭秘朝鲜“完美无缺”滑雪场</li>
<li>市民体验山里新鲜空气 现场似输液</li>
<li>探访三亚海天盛筵展出的公务机</li>
<li>广西桂林一工业园发生大火</li>
  </ul>
  <ol>
<li>彭丽媛访德用国产手机拍照</li>
<li>揭秘朝鲜“完美无缺”滑雪场</li>
<li>市民体验山里新鲜空气 现场似输液</li>
<li>探访三亚海天盛筵展出的公务机</li>
<li>广西桂林一工业园发生大火</li>
  </ol>
  <ol type="a">
<li>彭丽媛访德用国产手机拍照</li>
<li>揭秘朝鲜“完美无缺”滑雪场</li>
<li>市民体验山里新鲜空气 现场似输液</li>
<li>探访三亚海天盛筵展出的公务机</li>
<li>广西桂林一工业园发生大火</li>
  </ol>
  <ol type="A">
<li>彭丽媛访德用国产手机拍照</li>
<li>揭秘朝鲜“完美无缺”滑雪场</li>
<li>市民体验山里新鲜空气 现场似输液</li>
<li>探访三亚海天盛筵展出的公务机</li>
<li>广西桂林一工业园发生大火</li>
  </ol>
  <ol type="i">
<li>彭丽媛访德用国产手机拍照</li>
<li>揭秘朝鲜“完美无缺”滑雪场</li>
<li>市民体验山里新鲜空气 现场似输液</li>
<li>探访三亚海天盛筵展出的公务机</li>
<li>广西桂林一工业园发生大火</li>
  </ol>
  <ol type="I">
<li>彭丽媛访德用国产手机拍照</li>
<li>揭秘朝鲜“完美无缺”滑雪场</li>
<li>市民体验山里新鲜空气 现场似输液</li>
<li>探访三亚海天盛筵展出的公务机</li>
<li>广西桂林一工业园发生大火</li>
  </ol>
  <hr align="left" noshade="noshade" size="20px" width="200px"/>
  <a href="http://www.php100.com">PHP100中文网</a><br />
  创建锚点:
  <a name="a">php100</a><br />
  <img src="./image/duke.jpg" width="100" height="100" alt="贵族" />
  <dl>
   <dt>计算机</dt>
 <dd>处理器</dd>
 <dd>内存条</dd>
 <dd>显示器</dd>
 <dd>鼠标</dd>
 <dd>键盘</dd>
   <dt>计算机</dt>
 <dd>处理器</dd>
 <dd>内存条</dd>
 <dd>显示器</dd>
 <dd>鼠标</dd>
 <dd>键盘</dd>
  </dl> 
  <form action="" name="form1" method="get" enctype="multipart/form-data">
昵称:<input type="text" name="myname" value="PHP100" /><br />
性别:<input type="radio" name="sex" value="男"/>男&nbsp;
<input type="radio" name="sex" value="女" />女<br />
爱好:<input type="checkbox" name="hubbly" value="篮球" checked="checked" />篮球
<input type="checkbox" name="hubbly" value="football" />足球
<input type="checkbox" name="hubbly" value="otherball" />其他<br />
国籍:<select name="country">
<option value="china">中国</option>
<option value="other">其他</option>
</select>
  </form>
  说明:<textarea name="content"></textarea>
  <input type="submit" name="submit" value="提交" />&nbsp;<input type="reset" value"重置" /><br />
  &nbsp;:空格<br />
  &gt;:大于<br />
  &lt;:小于<br />
  &reg;:注册商标<br />
  &amp;:&符号<br />
  &copy;:版权符<br />
  &quot;:"引号<br />
  <a href="mailto:[email protected]">[email protected]</a><br />
  <a href="http://www.php100.com" target="_blank">php100中文网_blank在同一个浏览器的 另外一个窗口打开</a><br />
   <a href="http://www.php100.com" target="_self">php100中文网_self在同一个浏览器的 同一个窗口打开</a><br />
   
   <a href="#a">跳转到锚点php100</a><br />
  
    HTML的表格:<br />
   <table width="600" height="60" border="1" bordercolor="blue" bgcolor="yellow" cellspacing="0" cellpadding="0" align="left">
<tr align="center" valign="center" bgcolor="white">
<td width="" height="" align="" bgcolor="" align="" >标题</td>
<td>作者</td>
<td>时间</td>
</tr>
<tr>
<td>第二行第1个格子</td>
<td>第二行第2个格子</td>
<td rowspan="3">rowspan纵向合并3</td>
</tr>
<tr>
<td colspan="2">colspan单元格横向合并2</td>
</tr>
<tr>
<td>第四行第1个格子</td>
<td>第四行第2个格子</td>
</tr>
   </table>
  
   
 </body>
</html>

本文出自 “Jerry” 博客,请务必保留此出处http://alipay.blog.51cto.com/7119970/1537568

html常用标签,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。