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="<img src="URL" alt="替換文字"></a>郵件連結： <a href="mailto:webmaster@example.com">傳送e-mail</a>書籤：<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>

圖片（Images）

<img loading="lazy" 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; 等同於 >&#169; 等同於 ©

HTML 速查列表簡介

相關文章