HTML 标签速查

来源：互联网发布：网络促销手段编辑：程序博客网时间：2024/05/22 10:49

基本文档

<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>文档标题</title>    </head>    <body>        可见文本    </body></html>

基本标签（Tags）

<h1>大标题</h1><h2>------</h2><h3>------</h3><h4>------</h4><h5>------</h5><h6>小标题</h6><p>段落内容</p>     <br /> 换行       <hr /> 水平线      <!-- 注释 -->

文本格式（Format）

<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>

链接（Link）

<a href="index.html">文本链接</a><a href="index.html"><img src="URL" alt="替换文本">图像链接</a><a href="mailto:xxx@xxx.xx">发送e-mail</a><a id="tips">提示部分</a><a href="#tips">跳转到提示部分</a>

图片（Images）

<img src="URL" alt="替换文本" height="42" width="42"/>

样式/区块（Style/Section）

<style type="text/css">    h1 {color: red;}    p {color: blue;}</style><div>块级元素</div><span>内联元素</span>

无序列表

<ul>    <li>无序</li>    <li>无序</li></ul>

有序列表

<ol>    <li>有序1</li>    <li>有序2</li></ol>

定义列表

<dl>    <dt>项目1</dt>        <dd>描述1</dd>    <dt>项目2</dt>        <dd>描述2</dd>    </dl>

表格（Table）

<table border="1">    <tr>        <th>标题</th>        <th>标题</th>    </tr>    <tr>        <td>数据</td>        <td>数据</td>    </tr></table>

框架（Iframe）

<iframe src="index.html"></iframe>

表单（Form）

<form action="index.html" method="post/get">    <input type="text" name="email" size="40" maxlength="50" />    <input type="password" />    <input type="checkbox" checked="checked" />    <input type="radio" checked="checked" />    <input type="submit" value="Send" />    <input type="reset" />    <input type="hidden" />    <select>        <option>option</option>        <option selected="selected">selected</option>    </select>    <textarea name="comment" rows="60" cols="20"></textarea></form>

实体（Entity）

&lt; 等于 <&gt; 等于 >&#169; 等于 ©

0 0