HTML教程
HTML教程
    • 请登录查看
    阅读(2522)

    HTML 速查列表

    最后一次修改 2017年08月01日

    HTML 速查列表

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

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

    图片（Images）

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

    样式/区块（Styles/Sections）

    <style type="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）

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

    框架（Iframe）

    <iframe src="demo_iframe.htm"></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）

    &lt; 等同于 <
 &gt; 等同于 >
&copy; 等同于 ©


    ← HTML URL
    HTML 总结 →
    提交