整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML編碼規范

          版規則

          縮進

          使用2個空格縮進

          <ul>
            <li>Fantastic</li>
            <li>Great</li>
          </ul>
          .example {
            color: blue;
          }

          大小寫

          只允許使用小寫。

          所有的代碼都用小寫字母:適用于元素名,屬性,屬性值(除了文本和CDATA), 選擇器,特性,特性值(除了字符串)。

          <!-- 不推薦 -->
          <A HREF="/">Home</A>
          <!-- 推薦 -->
          <img src="google.png"
          alt="Google">

          行為空格

          建議刪除行尾白空格。

          <!-- 不推薦 -->
          <p>What?  </p>
          <!-- 推薦 -->
          <p>Yes please.</p>

          常規Meta規則

          編碼

          如果沒有特殊需求,一般采用utf-8編碼。如果是cms站點,則遵守該站點的編碼規則。

          <!-- 網頁編碼 -->
          <meta charset="utf-8">

          注釋

          盡可能的去解釋你寫的代碼。說明該代碼包括什么、目的是什么、能做什么、為什么使用它等。

          注釋是否需要詳盡,取決于項目的復雜程度。

          一般單行注釋:

          <!-- col -->

          模塊間注釋:

          <!-- news -->
          <div class="news">
            <h2>News</h2>
            <p>...</p>
          </div>
          <!--/ news -->

          循環注釋:

          <ul>
            <!-- loop: new list -->
            <li>new's title 1</li>
            <li>new's title 2</li>
            <li>new's title 3</li>
            <li>new's title 4</li>
            <li>new's title 5</li>
            <!-- /loop: new list -->
          </ul>

          cms輸出注釋:

          <!-- cms: news list -->
          <ul>
            <li>new's title 1</li>
            <li>new's title 2</li>
            <li>new's title 3</li>
            <li>new's title 4</li>
            <li>new's title 5</li>
          </ul>
          <!-- /cms: news list -->

          Tab選項卡內容注釋:

          <!-- tab: news list -->
          <div class="tab"></div>
          <!-- /tab: news list -->

          常規HTML設計規則

          文檔類型

          使用html5文檔聲明,不再使用XHTML(application/xhtml+xml)。

          HTML5是目前所有HTML文檔類型中的首選:

          <!DOCTYPE html>

          HTML 的正確性

          編寫有效、正確的HTML代碼,否則很難達到性能上的提升。

          可以使用一些工具驗證你的代碼,如 W3C HTML validator

          HTML 的語義性

          根據HTML各個元素的用途而去使用它們。

          <!-- 不推薦 -->
          <div class="col">
            <div class="title">
          news</div>
            <p>list1</p>
            <p>list2</p>
            <p>list3</p>
          </div>
          <!-- 推薦 -->
          <div class="col">
            <h2 class="title">
          news</h2>
            <p>list1</p>
            <p>list2</p>
            <p>list3</p>
          </div>

          部分標簽說明:

          • div 主要用于布局,分割頁面的結構;
          • ul/ol 主要用于無序/有序列表;
          • dl/dt/dd 當頁面中出現第一行為類似標題/簡述,然后下面為詳細描述的內容時應該使用該標簽;
          • span 沒有特殊的意義,可以用作排版的輔助,然后在css中定義span;
          • h1-h6 標題, 根據重要性依次遞減;
          • h1 最重要的標題;
          • label 使表單更有親和力而且能輔助表單排版;

          不推薦使用的標簽:

          • font 文字的外觀,大小和顏色;
          • u 文本下劃線;
          • center 居中對齊;
          • s 刪除線;
          • strike 刪除線;
          • noframes 無視框時的內容;
          • iframe 定義嵌入視圖;
          • isindex 不建議使用(可搜尋,使用input代替);
          • dir 目錄式列舉;
          • menu 菜單列表;
          • basefont 定義基本字體;
          • applet 定義java程序;
          • frame 定義個別視框;
          • frameset 視框格式總定義;

          多媒體元素降級處理

          給多媒體元素,比如canvas、videos、 images增加alt屬性,提高可用性(特別是常用的img標簽,盡可量得加上alt屬性,提供圖片的描述信息)。

          <!-- 不推薦 -->
          <img src="world.jpg">
          <!-- 推薦 -->
          <img src="world.jpg"
          alt="our world images">

          type屬性

          在樣式表和腳本的標簽中忽略type屬性。

          HTML5默認type為text/css和text/javascript類型,所以沒必要指定。即便是老瀏覽器也是支持的。

          <!-- 不推薦 -->
          <link rel="stylesheet"
           href="//www.google.com/css/maia.css"
           type="text/css">
          <script src="
           //www.google.com/
           js/gweb/analytics/autotrack.js"
           type="text/javascript">
           </script>
          <!-- 推薦 -->
          <link rel="stylesheet"
           href="//www.google.com/css/maia.css">
          <script src="
           //www.google.com/
           js/gweb/analytics/autotrack.js">
           </script>

          HTML代碼格式規則

          每個塊元素、列表元素或表格元素都獨占一行,每個子元素都相對于父元素進行縮進。按設計稿劃分模塊,盡量使頁面模塊化,模塊與模塊之前要有清晰的注釋。

          如上面頁面框架,推薦寫法:

          <!-- hader -->
          <div class="header">header</div>
          <!-- /hader -->
          <!-- nav -->
          <div class="nav">nav</div>
          <!-- /nav -->
          <!-- main -->
          <div class="main">
            <!-- container -->
            <div class="container">
              <!--news-->
              <div class="news">
                <h2>news<h2>
                <p>...</p>
              </div>
              <!--news-->
            </div>
            <!--/container-->
            <!--sidebar-->
            <div class="sidebar">
          sidebar</div>
            <!--sidebar-->
          </div>
          <!--/main-->
          <!--footer-->
          <div class="footer">
          footer</div>
          <!--/footer-->

          HTML與SEO

          頁面良好層次

          保證整個頁面在未加載樣式表時仍有較好的層次清晰的頁面結構。

          <!-- 不推薦 -->
          <div class="logo">My Site</div>
          <div class="nav">
            <a href="#">Home</a>
            <a href="#">News</a>
            <a href="#">Mobile</a>
          </div>
          <div class="news">
            <div>News</div>
            <a href="#">
          news list 1</a>
            <a href="#">
          news list 2</a>
            <a href="#">
          news list 3</a>
          </div>
          <!-- 推薦 -->
          <h1 class="logo">My Site</h1>
          <ul class="nav">
            <li><a href="#">
          Home</a></li>
            <li><a href="#">
          News</a></li>
            <li><a href="#">
          Mobile</a></li>
          </ul>
          <div class="news">
            <h2>News</h2>
            <ul>
              <li><a href="#">
          news list 1</a>
          </li>
              <li><a href="#">
          news list 2</a>
          </li>
              <li><a href="#">
          news list 3</a>
          </li>
            </ul>
          </div>

          權重標簽使用

          H標簽使用

          • h1 權重高,體現當前網頁中相對比較重要的信息,但不宜過多,建議一個頁面只放一個;
          • h2 可以做副標題;
          • h3 可以做新聞列表;
          • h4-h6 可做相關新聞的列表標簽屬性完整;

          strong、b使用

          將需要加粗的文字使用b標簽來顯示。

          將需要強調的文字(主要指包含關鍵詞的信息)使用strong標簽來強調主要內容。

          注:b是粗體標簽,屬于實體標簽,它所包圍的字符將被設為bold(粗體);strong 是加重語氣標簽,屬于邏輯標簽,它的作用是加強字符語氣。

          標簽屬性使用

          在很多情況下,a都要使用title來說明該鏈接的相關說明或目的意義。

          例如:當使用overflow隱藏掉a中的溢出文字時,該a中的title是必不可少的,它可以告訴用戶被隱藏掉的文字內容是什么;又或者當一個圖片型鏈接出現時,該a中的title同樣是必不可少的,它可以告訴用戶這個圖片鏈接是做什么用的。

          注:僅在img里添加alt標簽在火狐提示文字是出不來的,alt是圖片加載失敗或未加載完全時顯示出來的提示文字,要想鼠標移上去顯示提示信息應該用title,嚴謹的寫法是img里加入alt和title這兩個標簽。

          精簡代碼

          代碼保持精簡,最優化,這樣搜索引擎才更喜歡。

          TML 代碼約定

          很多 Web 開發人員對 HTML 的代碼規范知之甚少。

          在2000年至2010年,許多Web開發人員從 HTML 轉換到 XHTML。

          使用 XHTML 開發人員逐漸養成了比較好的 HTML 編寫規范。

          而針對于 HTML5 ,我們應該形成比較好的代碼規范,以下提供了幾種規范的建議。

          使用正確的文檔類型

          文檔類型聲明位于HTML文檔的第一行:

          <!DOCTYPE html>

          如果你想跟其他標簽一樣使用小寫,可以使用以下代碼:

          <!doctype html>

          使用小寫元素名

          HTML5 元素名可以使用大寫和小寫字母。

          推薦使用小寫字母:

          • 混合了大小寫的風格是非常糟糕的。

          • 開發人員通常使用小寫 (類似 XHTML)。

          • 小寫風格看起來更加清爽。

          • 小寫字母容易編寫。

          不推薦:

          <SECTION>

          <p>這是一個段落。</p>

          </SECTION>

          非常糟糕:

          <Section>

          <p>這是一個段落。</p>

          </SECTION>

          推薦:

          <section>

          <p>這是一個段落。</p>

          </section>

          關閉所有 HTML 元素

          在 HTML5 中, 你不一定要關閉所有元素 (例如 <p> 元素),但我們建議每個元素都要添加關閉標簽。

          不推薦:

          <section>

          <p>這是一個段落。

          <p>這是一個段落。

          </section>

          推薦:

          <section>

          <p>這是一個段落。</p>

          <p>這是一個段落。</p>

          </section>

          關閉空的 HTML 元素

          在 HTML5 中, 空的 HTML 元素也不一定要關閉:

          我們可以這么寫:

          <meta charset="utf-8">

          也可以這么寫:

          <meta charset="utf-8" />

          在 XHTML 和 XML 中斜線 (/) 是必須的。

          如果你期望 XML 軟件使用你的頁面,使用這種風格是非常好的。

          使用小寫屬性名

          HTML5 屬性名允許使用大寫和小寫字母。

          我們推薦使用小寫字母屬性名:

          • 同時使用大小寫是非常不好的習慣。

          • 開發人員通常使用小寫 (類似 XHTML)。

          • 小寫風格看起來更加清爽。

          • 小寫字母容易編寫。

          不推薦:

          <div CLASS="menu">

          推薦:

          <div class="menu">

          屬性值

          HTML5 屬性值可以不用引號。

          屬性值我們推薦使用引號:

          • 如果屬性值含有空格需要使用引號。

          • 混合風格不推薦的,建議統一風格。

          • 屬性值使用引號易于閱讀。

          以下實例屬性值包含空格,沒有使用引號,所以不能起作用:

          <table class=table striped>

          以下使用了雙引號,是正確的:

          <table class="table striped">

          圖片屬性

          圖片通常使用 alt 屬性。 在圖片不能顯示時,它能替代圖片顯示。

          <img src="html5.gif" alt="HTML5" style="width:128px;height:128px">

          定義好圖片的尺寸,在加載時可以預留指定空間,減少閃爍。

          <img src="html5.gif" alt="HTML5" style="width:128px;height:128px">

          空格和等號

          等號前后可以使用空格。

          <link rel = "stylesheet" href = "styles.css">

          但我們推薦少用空格:

          <link rel="stylesheet" href="styles.css">

          避免一行代碼過長

          使用 HTML 編輯器,左右滾動代碼是不方便的。

          每行代碼盡量少于 80 個字符。

          空行和縮進

          不要無緣無故添加空行。

          為每個邏輯功能塊添加空行,這樣更易于閱讀。

          縮進使用兩個空格,不建議使用 TAB。

          比較短的代碼間不要使用不必要的空行和縮進。

          不必要的空行和縮進:

          <body>

          <h1>菜鳥教程</h1>

          <h2>HTML</h2>

          <p>

          菜鳥教程,學的不僅是技術,更是夢想。

          菜鳥教程,學的不僅是技術,更是夢想。

          菜鳥教程,學的不僅是技術,更是夢想,

          菜鳥教程,學的不僅是技術,更是夢想。

          </p>

          </body>

          推薦:

          <body>

          <h1>菜鳥教程</h1>

          <h2></h2>

          <p>菜鳥教程,學的不僅是技術,更是夢想。

          菜鳥教程,學的不僅是技術,更是夢想。

          菜鳥教程,學的不僅是技術,更是夢想。

          菜鳥教程,學的不僅是技術,更是夢想。</p>

          </body>

          表格實例:

          <table>

          <tr>

          <th>Name</th>

          <th>Description</th>

          </tr>

          <tr>

          <td>A</td>

          <td>Description of A</td>

          </tr>

          <tr>

          <td>B</td>

          <td>Description of B</td>

          </tr>

          </table>

          列表實例:

          <ol>

          <li>London</li>

          <li>Paris</li>

          <li>Tokyo</li>

          </ol>

          省略 <html> 和 <body>?

          在標準 HTML5 中, <html> 和 <body> 標簽是可以省略的。

          以下 HTML5 文檔是正確的:

          實例:

          <!DOCTYPE html>

          <head>

          <title>頁面標題</title>

          </head>

          <h1>這是一個標題</h1>

          <p>這是一個段落。</p>

          嘗試一下 ?

          不推薦省略 <html> 和 <body> 標簽。

          <html> 元素是文檔的根元素,用于描述頁面的語言:

          <!DOCTYPE html>

          <html lang="zh">

          聲明語言是為了方便屏幕閱讀器及搜索引擎。

          省略 <html> 或 <body> 在 DOM 和 XML 軟件中會崩潰。

          省略 <body> 在舊版瀏覽器 (IE9)會發生錯誤。

          省略 <head>?

          在標準 HTML5 中, <head>標簽是可以省略的。

          默認情況下,瀏覽器會將 <body> 之前的內容添加到一個默認的 <head> 元素上。

          實例

          <!DOCTYPE html>

          <html>

          <title>頁面標題</title>

          <body>

          <h1>這是一個標題</h1>

          <p>這是一個段落。</p>

          </body>

          </html>

          嘗試一下 ?

          現在省略 head 標簽還不推薦使用。

          元數據

          HTML5 中 <title> 元素是必須的,標題名描述了頁面的主題:

          <title>菜鳥教程</title>

          標題和語言可以讓搜索引擎很快了解你頁面的主題:

          <!DOCTYPE html>

          <html lang="zh">

          <head>

          <meta charset="UTF-8">

          <title>菜鳥教程</title>

          </head>

          HTML 注釋

          注釋可以寫在 <!-- 和 --> 中:

          <!-- 這是注釋 -->

          比較長的評論可以在 <!-- 和 --> 中分行寫:

          <!--

          這是一個較長評論。 這是 一個較長評論。這是一個較長評論。

          這是 一個較長評論 這是一個較長評論。 這是 一個較長評論。

          -->

          長評論第一個字符縮進兩個空格,更易于閱讀。

          樣式表

          樣式表使用簡潔的語法格式 ( type 屬性不是必須的):

          <link rel="stylesheet" href="styles.css">

          短的規則可以寫成一行:

          p.into {font-family: Verdana; font-size: 16em;}

          長的規則可以寫成多行:

          body {

          background-color: lightgrey;

          font-family: "Arial Black", Helvetica, sans-serif;

          font-size: 16em;

          color: black;

          }

          • 將左花括號與選擇器放在同一行。

          • 左花括號與選擇器間添加以空格。

          • 使用兩個空格來縮進。

          • 冒號與屬性值之間添加已空格。

          • 逗號和符號之后使用一個空格。

          • 每個屬性與值結尾都要使用符號。

          • 只有屬性值包含空格時才使用引號。

          • 右花括號放在新的一行。

          • 每行最多 80 個字符。

          在逗號和分號后添加空格是常用的一個規則。

          在 HTML 中載入 JavaScript

          使用簡潔的語法來載入外部的腳本文件 ( type 屬性不是必須的 ):

          <script src="myscript.js">

          使用 JavaScript 訪問 HTML 元素

          一個糟糕的 HTML 格式可能會導致 JavaScript 執行錯誤。

          以下兩個 JavaScript 語句會輸出不同結果:

          實例

          var obj = getElementById("Demo")

          var obj = getElementById("demo")

          HTML 中 JavaScript 盡量使用相同的命名規則。

          訪問 JavaScript 代碼規范。

          使用小寫文件名

          大多 Web 服務器 (Apache, Unix) 對大小寫敏感: london.jpg 不能通過 London.jpg 訪問。

          其他 Web 服務器 (Microsoft, IIS) 對大小寫不敏感: london.jpg 可以通過 London.jpg 或 london.jpg 訪問。

          你必須保持統一的風格,我們建議統一使用小寫的文件名。

          文件擴展名

          HTML 文件后綴可以是 .html (或r .htm)。

          CSS 文件后綴是 .css

          JavaScript 文件后綴是 .js

          .htm 和 .html 的區別

          .htm 和 .html 的擴展名文件本質上是沒有區別的。瀏覽器和 Web 服務器都會把它們當作 HTML 文件來處理。

          區別在于:

          .htm 應用在早期 DOS 系統,系統現在或者只能有三個字符。

          在 Unix 系統中后綴沒有特別限制,一般用 .html。

          技術上區別

          如果一個 URL 沒有指定文件名 (如 http://www.runoob.com/css/), 服務器會返回默認的文件名。通常默認文件名為 index.html, index.htm, default.html, 和 default.htm。

          如果服務器只配置了 "index.html" 作為默認文件,你必須將文件命名為 "index.html", 而不是 "index.htm"。

          但是,通常服務器可以設置多個默認文件,你可以根據需要設置默認文件嗎。

          不管怎樣,HTML 完整的后綴是 ".html"。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          lt;marquee>...</marquee>普通卷動

          <marquee behavior=slide>...</marquee>滑動

          <marquee behavior=scroll>...</marquee>預設卷動

          <marquee behavior=alternate>...</marquee>來回卷動

          <marquee direction=down>...</marquee>向下卷動

          <marquee direction=up>...</marquee>向上卷動

          <marquee direction=right></marquee>向右卷動

          <marquee direction=left></marquee>向左卷動

          <marquee loop=2>...</marquee>卷動次數

          <marquee width=180>...</marquee>設定寬度

          <marquee height=30>...</marquee>設定高度

          <marquee bgcolor=FF0000>...</marquee>設定背景顏色

          <marquee scrollamount=30>...</marquee>設定卷動距離

          <marquee scrolldelay=300>...</marquee>設定卷動時間

          <!>字體效果

          <h1>...</h1>標題字(最大)

          <h6>...</h6>標題字(最小)

          <b>...</b>粗體字

          <strong>...</strong>粗體字(強調)

          <i>...</i>斜體字

          <em>...</em>斜體字(強調)

          <dfn>...</dfn>斜體字(表示定義)

          <u>...</u>底線

          <ins>...</ins>底線(表示插入文字)

          <strike>...</strike>橫線

          <s>...</s>刪除線

          <del>...</del>刪除線(表示刪除)

          <kbd>...</kbd>鍵盤文字

          <tt>...</tt> 打字體

          <xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)

          <plaintext>...</plaintext>固定寬度字體(不執行標記符號)

          <listing>...</listing> 固定寬度小字體

          <font color=00ff00>...</font>字體顏色

          <font size=1>...</font>最小字體

          <font style =font-size:100 px>...</font>無限增大

          <!>區斷標記

          <hr>水平線

          <hr size=9>水平線(設定大小)

          <hr width=80%>水平線(設定寬度)

          <hr color=ff0000>水平線(設定顏色)

          <br>(換行)

          <nobr>...</nobr>水域(不換行)

          <p>...</p>水域(段落)

          <center>...</center>置中

          <!>連結格式

          <base href=位址>(預設好連結路徑)

          <a href=位址></a>外部連結

          <a href=位址 target=_blank></a>外部連結(另開新視窗)

          <a href=位址 target=_top></a>外部連結(全視窗連結)

          <a href=位址 target=頁框名></a>外部連結(在指定頁框連結)

          <!>貼圖/音樂

          <img src=圖片位址>貼圖

          <img src=圖片位址 width=180>設定圖片寬度

          <img src=圖片位址 height=30>設定圖片高度

          <img src=圖片位址 alt=提示文字>設定圖片提示文字

          <img src=圖片位址 border=1>設定圖片邊框

          <bgsound src=MID音樂檔位址>背景音樂設定

          <!>表格語法

          <table aling=left>...</table>表格位置,置左

          <table aling=center>...</table>表格位置,置中

          <table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址

          <table border=邊框大小>...</table>設定表格邊框大小(使用數字)

          <table bgcolor=顏色碼>...</table>設定表格的背景顏色

          <table borderclor=顏色碼>...</table>設定表格邊框的顏色

          <table borderclor=顏色碼>...</table>設定表格邊框的顏色

          <table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色

          <table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色

          <table cellpadding=參數>...</table>指定內容與格線之間的間距(使用數字)

          <table cellspacing=參數>...</table>指定格線與格線之間的距離(使用數字)

          <table cols=參數>...</table>指定表格的欄數

          <table frame=參數>...</table>設定表格外框線的顯示方式

          <table width=寬度>...</table>指定表格的寬度大小(使用數字)

          <table height=高度>...</table>指定表格的高度大小(使用數字)

          <td colspan=參數>...</td>指定儲存格合并欄的欄數(使用數字)

          <td rowspan=參數>...</td>指定儲存格合并列的列數(使用數字)

          <!>分割視窗

          <frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整

          <frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整

          <frameset cols="20%,*">分割左右兩個框架

          <frameset cols="20%,*,20%">分割左中右三個框架

          <分割上下兩個框架

          <frameset rows="20%,*,20%">分割上中下三個框架


          <! - - ... - -> 注解

          <a href target> 指定超連結的分割視窗

          <a href=#錨的名稱> 指定錨名稱的超連結

          <a href> 指定超連結

          <a name=錨的名稱> 被連結點的名稱

          <address>....</address> 用來顯示電子郵箱地址

          <b> 粗體字

          <base target> 指定超連結的分割視窗

          <basefont size> 更改預設字形大小

          <bgsound src> 加入背景音樂

          <big> 顯示大字體

          <blink> 閃爍的文字

          <body text link vlink> 設定文字顏色

          <body> 顯示本文

          <br> 換行

          <caption align> 設定表格標題位置

          <caption>...</caption> 為表格加上標題

          <center> 向中對齊

          <cite>...<cite> 用於引經據典的文字

          <code>...</code> 用於列出一段程式碼

          <comment>...</comment> 加上注解

          <dd> 設定定義列表的項目解說

          <dfn>...</dfn> 顯示"定義"文字

          <dir>...</dir> 列表文字標簽

          <dl>...</dl> 設定定義列表的標簽

          <dt> 設定定義列表的項目

          <em> 強調之用

          <font face> 任意指定所用的字形

          <font face> 任意指定所用的字形

          <font size> 設定字體大小

          <form action> 設定戶動式表單的處理方式

          <form method> 設定戶動式表單之資料傳送方式

          <frame marginheight> 設定視窗的上下邊界

          <frame marginwidth> 設定視窗的左右邊界

          <frame name> 為分割視窗命名

          <frame noresize> 鎖住分割視窗的大小

          <frame scrolling> 設定分割視窗的卷軸

          <frame src> 將html檔加入視窗

          <frameset cols> 將視窗分割成左右的子視窗

          <frameset rows> 將視窗分割成上下的子視窗

          <frameset>...</frameset> 劃分分割視窗

          <h1>~<h6> 設定文字大小

          <head> 標示文件資訊

          <hr> 加上分格線

          <html> 文件的開始與結束

          <i> 斜體字

          <img align> 調整圖形影像的位置

          <img alt> 為你的圖形影像加注

          <img dynsrc loop> 加入影片

          <img height width> 插入圖片并預設圖形大小

          <img hspace> 插入圖片并預設圖形的左右邊界

          <img lowsrc> 預載圖片功能

          <img src border> 設定圖片邊界

          <img src> 插入圖片

          <img vspace> 插入圖片并預設圖形的上下邊界

          <input type name value> 在表單中加入輸入欄位

          <isindex> 定義查詢用表單

          <kbd>...</kbd> 表示使用者輸入文字

          <li type>...</li> 列表的項目 ( 可指定符號 )

          <marquee> 跑馬燈效果

          <menu>...</menu> 條列文字標簽

          <meta name="refresh" content url> 自動更新文件內容

          <multiple> 可同時選擇多項的列表欄

          <noframe> 定義不出現分割視窗的文字

          <ol>...</ol> 有序號的列表

          <option> 定義表單中列表欄的項目

          <p align> 設定對齊方向

          <p> 分段

          <person>...</person> 顯示人名

          <pre> 使用原有排列

          <samp>...</samp> 用於引用字

          <select>...</select> 在表單中定義列表欄

          <small> 顯示小字體

          <strike> 文字加橫線

          <strong> 用於加強語氣

          <sub> 下標字

          <sup> 上標字

          <table border=n> 調整表格的寬線高度

          <table cellpadding> 調整資料欄位之邊界

          <table cellspacing> 調整表格線的寬度

          <table height> 調整表格的高度

          <table width> 調整表格的寬度

          <table>...</table> 產生表格的標簽

          <td align> 調整表格欄位之左右對齊

          <td bgcolor> 設定表格欄位之背景顏色

          <td colspan rowspan> 表格欄位的合并

          <td nowrap> 設定表格欄位不換行

          <td valign> 調整表格欄位之上下對齊

          <td width> 調整表格欄位寬度

          <td>...</td> 定義表格的資料欄位

          <textarea name rows cols> 表單中加入多少列的文字輸入欄

          <textarea wrap> 決定文字輸入欄是自動否換行

          <th>...</th> 定義表格的標頭欄位

          <title> 文件標題

          <tr>...</tr> 定義表格美一行

          <tt> 打字機字體

          <u> 文字加底線

          <ul type>...</ul> 無序號的列表 ( 可指定符號 )

          <var>...</var> 用於顯示變數


          主站蜘蛛池模板: 在线精品国产一区二区三区| 日本免费一区二区在线观看| 成人无码精品一区二区三区| 国产一区二区三区免费观看在线| 亚洲一区二区三区丝袜| 美女一区二区三区| 久久国产午夜精品一区二区三区| 国产精品无码亚洲一区二区三区| 日本内射精品一区二区视频 | 国产精品亚洲午夜一区二区三区 | 国产成人精品第一区二区| 99精品国产高清一区二区三区 | 一区 二区 三区 中文字幕| 亚洲熟女www一区二区三区| 国产精品一级香蕉一区| 日本内射精品一区二区视频| 国产一区二区电影| 无码人妻视频一区二区三区| 红桃AV一区二区三区在线无码AV| 久久久99精品一区二区| 无码人妻精品一区二| 色噜噜一区二区三区| 国产精品第一区第27页| 一区二区三区免费高清视频| 国产福利电影一区二区三区| 国产色精品vr一区区三区| 国产99精品一区二区三区免费 | 国产主播一区二区| 无码人妻精品一区二区三| 末成年女A∨片一区二区| 精品国产aⅴ无码一区二区| 99久久精品午夜一区二区| 国产成人精品一区二区A片带套 | 蜜桃臀无码内射一区二区三区| 一区二区在线观看视频| 中文字幕av人妻少妇一区二区| 爆乳无码AV一区二区三区| 亚洲片国产一区一级在线观看| 美女一区二区三区| 国产一区二区在线观看| 国产一区二区精品尤物|