<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML速查列表</title>
<style type="text/css">
h1 {color: saddlebrown;}
p {background-color: yellow;}
</style>
</head>
<body>
<p>基本标签</p>
<h1>最大的标题</h1>
<h2>-------</h2>
<h3>=======</h3>
<h4>+++++++</h4>
<h5>*******</h5>
<h6>最小的标题</h6>
<p>这是一个段落</p>
<br> （换行）
<hr> (水平线)
<!--这是注释-->
<p>文本格式化</p>
<b>粗体文本</b>
<code>计算机代码</code>
<em>强调文本</em>
<i>斜体文本</i>
<kbd>键盘输入</kbd>
<pre>预格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>
<abbr>缩小</abbr>
<address>联系信息</address>
<bdo>文字方向</bdo>
<blockquote>从另一个源引用的部分</blockquote>
<cite>工作的名称</cite>
<del>删除的文本</del>
<ins>插入的文本</ins>
<sub>小标文本</sub>
<sup>上标文本</sup>
<p>链接Links</p>
普通的链接 : <a href="http://www.example.com/">链接文本</a>
图像链接 : <a href="http://www.example.com/"><img src="images/photo.png" alt="替换文本"></a>
邮件链接 : <a href="mailto:webmaster@example.com">发送e-mail</a> <br>
<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a>
<p>图片</p>
<img src="http://www.runoob.com/iamges/logo.png" alt="替换文本" height="336px" width="39px">
<p>样式、区块</p>
<p>无序列表</p>
<ul style="list-style-type: square">
<li>Tea
<ul style="list-style-type: disc">
<li>Black Tea</li>
<li>Green Tea
<ul style="list-style-type: circle">
<li>China</li>
<li>Africa</li>
</ul>
</li>
</ul>
</li>
<li>Bananas</li>
</ul>
<p>有序列表</p>
<ol type="I">
<li>Apples</li>
<li>Bananas</li>
</ol>
<p>定义列表</p>
<dl>
<dt>Coffee</dt>
<dd>--Hot Drink</dd>
<dt>Milk</dt>
<dd>--White Drink</dd>
</dl>
<p>表格 Tables</p>
<table border="1">
<tr>
<th>Name</th>
<th>Tel</th>
</tr>
<tr>
<td>Smith</td>
<td>15071290124</td>
</tr>
</table>
<p>框架 Iframe</p>
<iframe src="HTML字符实体.html" id="iframe_a" frameborder="0"></iframe> <br>
<a href="http://www.baidu.com" target="iframe_a" style="text-decoration: none">百度</a> <br>
<p>表单</p>
<form action="HTML字符实体.html">
<fieldset>
<legend>User Information</legend>
Name: <input type="text" name="Name" size="40" maxlength="50" value="Smith"> <br>
Tel: <input type="tel" name="Tel" size="11" value="15071290124"> <br>
Password: <input type="password" name="Password" size="20"> <br>
<b>Cars:</b><br>
<input type="checkbox" name="Car" value="Bike"> I have bike <br>
<input type="checkbox" name="Car" value="Car" checked="checked"> I have car <br>
<b>Sex:</b><br>
<input type="radio" name="Sex" value="Male" checked="checked"> Male <br>
<input type="radio" name="Sex" value="Female" > Female <br>
<b>Likes</b>
<select>
<optgroup label="fruit">
<option>Apples</option>
<option>Bananas</option>
</optgroup>
<optgroup label="drink">
<option>Tea</option>
<option>Milk</option>
<option>Coffee</option>
</optgroup>
</select>
<br><br>
<textarea rows="10" cols="50">自我介绍
</textarea> <br>
<input type="submit" value="提交"> <input type="reset" value="重置">
</fieldset>
</form>
<h1>实体</h1>
<p>小于号 < <</p>
<p>大于号 > ></p>
</body>
</html>
HTML速查列表
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
