HTML 速查列表

新程序 · 2025-5-27 11:58:18

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

HTML 基本文档

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

复制代码

基本标签（Basic Tags）

<h1>最大的标题</h1><h2>. . .</h2><h3>. . .</h3><h4>. . .</h4><h5>. . .</h5><h6>最小的标题</h6>这是一个段落。 （换行）<hr>（水平线）文本格式化（Formatting）粗体文本<code>计算机代码</code>强调文本斜体文本<kbd>键盘输入</kbd><pre>预格式化文本</pre>更小的文本重要的文本<abbr>（缩写） <address>（联系信息） <bdo>（文字方向） <blockquote>（从另一个源引用的部分） <cite>（工作的名称） <del>（删除的文本） <ins>（插入的文本） （下标文本） （上标文本）

复制代码

链接（Links）

普通的链接：<a >链接文本</a>图像链接： <a ><img src="URL" alt="替换文本"></a>邮件链接： <a href="mailto:webmaster@example.com">发送e-mail</a>

复制代码

书签：

复制代码

图片（Images）

复制代码

样式/区块（Styles/Sections）

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

复制代码

无序列表

复制代码

有序列表

复制代码

定义列表

复制代码

表格（Tables）

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

复制代码

框架（Iframe）

复制代码

表单（Forms）

<form action="demo_form.php" 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 selected="selected">香蕉</option> <option>樱桃</option> </select> <textarea name="comment" rows="60" cols="20"></textarea></form>

复制代码

实体（Entities）

复制代码

账号		自动登录	找回密码
密码			立即注册