HTML 速查列表

时间：2019-04-05 21:43:48 阅读：154 评论：0 收藏：0 [点我收藏+]

HTML 基本文档

<!DOCTYPEhtml><html><head><title>文档标题</title></head><body> 可见文本... </body></html>

基本标签（Basic Tags）

<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的标题</h6><p>这是一个段落。</p><br> （换行） <hr> （水平线） <!-- 这是注释 -->

文本格式化（Formatting）

<b>粗体文本</b><code>计算机代码</code><em>强调文本</em><i>斜体文本</i><kbd>键盘输入</kbd><pre>预格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong><abbr> （缩写） <address> （联系信息） <bdo> （文字方向） <blockquote> （从另一个源引用的部分） <cite> （工作的名称） <del> （删除的文本） <ins> （插入的文本） <sub> （下标文本） <sup> （上标文本）

链接（Links）

普通的链接：<ahref="http://www.example.com/">链接文本</a> 图像链接： <ahref="http://www.example.com/"><imgsrc="URL"alt="替换文本"></a> 邮件链接： <ahref="mailto:webmaster@example.com">发送e-mail</a> 书签： <aid="tips">提示部分</a><ahref="#tips">跳到提示部分</a>

图片（Images）

<imgsrc="URL"alt="替换文本"height="42"width="42">

样式/区块（Styles/Sections）

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

无序列表

<ul><li>项目</li><li>项目</li></ul>

有序列表

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

定义列表

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

表格（Tables）

<tableborder="1"><tr><th>表格标题</th><th>表格标题</th></tr><tr><td>表格数据</td><td>表格数据</td></tr></table>

框架（Iframe）

<iframesrc="demo_iframe.htm"></iframe>

表单（Forms）

<formaction="demo_form.php"method="post/get"><inputtype="text"name="email"size="40"maxlength="50"><inputtype="password"><inputtype="checkbox"checked="checked"><inputtype="radio"checked="checked"><inputtype="submit"value="Send"><inputtype="reset"><inputtype="hidden"><select><option>苹果</option><optionselected="selected">香蕉</option><option>樱桃</option></select><textareaname="comment"rows="60"cols="20"></textarea></form>

实体（Entities）

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

HTML 速查列表

HTML 速查列表. 你可以打印它，以备日常使用。

HTML 基本文档

<!DOCTYPEhtml><html><head><title>文档标题</title></head><body>
可见文本...
</body></html>

基本标签（Basic Tags）

<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的标题</h6><p>这是一个段落。</p><br> （换行）
<hr> （水平线）
<!-- 这是注释 -->

文本格式化（Formatting）

<b>粗体文本</b><code>计算机代码</code><em>强调文本</em><i>斜体文本</i><kbd>键盘输入</kbd><pre>预格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong><abbr> （缩写）
<address> （联系信息）
<bdo> （文字方向）
<blockquote> （从另一个源引用的部分）
<cite> （工作的名称）
<del> （删除的文本）
<ins> （插入的文本）
<sub> （下标文本）
<sup> （上标文本）

链接（Links）

普通的链接：<ahref="http://www.example.com/">链接文本</a>
图像链接： <ahref="http://www.example.com/"><imgsrc="URL"alt="替换文本"></a>
邮件链接： <ahref="mailto:webmaster@example.com">发送e-mail</a>
书签：
<aid="tips">提示部分</a><ahref="#tips">跳到提示部分</a>

图片（Images）

<imgsrc="URL"alt="替换文本"height="42"width="42">

样式/区块（Styles/Sections）

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

无序列表

<ul><li>项目</li><li>项目</li></ul>

有序列表

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

定义列表

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

表格（Tables）

<tableborder="1"><tr><th>表格标题</th><th>表格标题</th></tr><tr><td>表格数据</td><td>表格数据</td></tr></table>

框架（Iframe）

<iframesrc="demo_iframe.htm"></iframe>

表单（Forms）

<formaction="demo_form.php"method="post/get"><inputtype="text"name="email"size="40"maxlength="50"><inputtype="password"><inputtype="checkbox"checked="checked"><inputtype="radio"checked="checked"><inputtype="submit"value="Send"><inputtype="reset"><inputtype="hidden"><select><option>苹果</option><optionselected="selected">香蕉</option><option>樱桃</option></select><textareaname="comment"rows="60"cols="20"></textarea></form>

实体（Entities）

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

HTML 速查列表

原文：https://www.cnblogs.com/luwei0915/p/10659962.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)