HTML 速查手册


HTML速查手册。你可以把它打印下来,放在身边,供随时查阅。


最基本的网页

<html>
<head>
<title>这里是网页标题</title>
</head>

<body>
这里是可见文本
</body>

</html>

标题

<h1>最大号标题</h1>

<h2> . . .</h2>
<h3> . . .</h3>
<h4> . . .</h4>
<h5> . . .</h5>

<h6>最小号标题</h6>

文本

<p>这是一个段落</p>
<br>(换行)
<hr>(水平线)
<pre>这里是预先排版的文本</pre>

逻辑样式

<em>这里是强调的文本</em>
<strong>这里是着重强调的文本</strong>
<code>这里是计算机代码</code>

物理样式

<b>这里是粗体文本</b>
<i>这里斜体文本</i>

链接,锚,和图像元素

<a href="http://www.example.com/">这是链接</a>
<a href="http://www.example.com/"><img src="图片地址" alt="备选文本"></a>
<a href="mailto:webmaster@example.com">发送邮件</a>

具名锚:
<a name="tips">实用技巧</a>
<a href="#tips">跳转至“实用技巧”部分</a>

无序列表

<ul>
<li>第一个项目</li>
<li>第二个项目</li>
</ul>

有序列表

<ol>
<li>第一个项目</li>
<li>第二个项目</li>
</ol>

定义列表

<dl>
<dt>第一个术语</dt>
<dd>第一个术语的定义</dd>
<dt>第二个术语</dt>
<dd>第二个术语的定义</dd>
</dl>

表格

<table border="1">
<tr>
<th>someheader</th>
<th>someheader</th>
</tr>
<tr>
<td>sometext</td>
<td>sometext</td>
</tr>
</table>

框架

<frameset cols="25%,75%">
  <frame src="page1.htm">
  <frame src="page2.htm">
</frameset>

表单

<form action="http://www.example.com/test.asp" method="post/get">

<input type="text" name="lastname" value="Nixon" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">

<select>
<option>苹果
<option selected>香蕉
<option>樱桃
</select>

<textarea name="Comment" rows="60" cols="20"></textarea>

</form>

实体

&lt; 相当于 <
&gt; 相当于 >
&#169; 相当于 ©

其他元素

<!-- 这里是注释 -->

<blockquote>
这里是引自别处的一段文字
</blockquote>

<address>
地址行1<br>
地址行2<br>
城市<br>
</address>

出处:http://yige.org/html/quick.php

粤ICP备11097351号-1