1. 程式人生 > >HTML標簽大全

HTML標簽大全

內聯 標記 能力 建議 ava row 頁腳 控件 多媒體

HTML標簽很多,可是實際上常用的卻就那麽十幾二十個,很多標簽的功能漸漸的被大家忽略了.然後,如果在適當的時候,用一用,還是能在一定程序上給我們的頁面設計帶來一點小小的方便的.下面這些HTML標簽基本上包含了所有現有的標簽,花幾分鐘,一一瀏覽一下,或許還會小有收獲:

  • <!--…--> :註釋標簽用來在源文檔中插入註釋
  • <!DOCTYPE> :告知瀏覽器文檔使用哪種 HTML 或 XHTML 規範
  • <a> :定義錨,通過使用 href 屬性,創建指向另外一個文檔的鏈接(或超鏈接);通過使用 name 或 id 屬性,創建一個文檔內部的書簽(也就是說,可以創建指向文檔片段的鏈接)
  • <abbr> :表示一個縮寫形式,比如 "Inc."、"etc.",如:<abbr title="etcetera">etc.</abbr>
  • <acronym> :定義只取首字母縮寫,比如 "NATO"。通過對只取首字母縮寫進行標記,您就能夠為瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎分度器提供有用的信息
  • <address> :定義一個地址(比如電子郵件地址)。您應當使用它來定義地址、簽名或者文檔的作者身份。
  • <applet> :定義嵌入的 applet。
  • <area> :標簽定義圖像映射中的區域(註:圖像映射指得是帶有可點擊區域的圖像)。area 元素總是嵌套在 <map> 標簽中。
  • <base> :為頁面上的所有鏈接規定默認地址或默認目標
  • <basefont> :定義基準字體。該標簽可以為文檔中的所有文本定義默認字體顏色、字體大小和字體系列。
  • <bdo> :可覆蓋默認的文本方向
  • <blockquote> :可定義一個塊引用
  • <body> :定義文檔的主體
  • <br> :插入一個簡單的換行符
  • <button> :定義一個按鈕
  • <caption> :定義一個表格標題。caption 標簽必須緊隨 table 標簽之後。您只能對每個表格定義一個標題。通常這個標題會被居中於表格之上。
  • <center> :對其所包括的文本進行水平居中
  • <col> :為表格中一個或多個列定義屬性值。如需對全部列應用樣式,<col> 標簽很有用,這樣就不需要對各個單元和各行重復應用樣式了。您只能在 table 或 colgroup 元素中使用 <col> 標簽。
  • <colgroup> :用於對表格中的列進行組合,以便對其進行格式化。如需對全部列應用樣式,<colgroup> 標簽很有用,這樣就不需要對各個單元和各行重復應用樣式了。<colgroup> 標簽只能在 table 元素中使用。
  • <dd> :在定義列表中定義條目的定義部分。
  • <del> :定義文檔中已被刪除的文本,與 <ins> 標簽配合使用,來描述文檔中的更新和修正。
  • <dir> :定義目錄列表
  • <div> :定義文檔中的分區或節
  • <dl> :定義列表
  • <dt> :定義列表中的項目
  • <fieldset> :將表單內的相關元素分組
  • <font> :規定文本的字體、字體尺寸、字體顏色
  • <form> :用於為用戶輸入創建 HTML 表單
  • <frame> :定義 frameset 中的一個特定的窗口(框架)
  • <frameset> :定義一個框架集。它被用來組織多個窗口(框架)。每個框架存有獨立的文檔。在其最簡單的應用中,frameset 元素僅僅會規定在框架集中存在多少列或多少行。您必須使用 cols 或 rows 屬性
  • <head> :定義文檔的頭部,它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪裏找到樣式表、提供元信息等等。
  • <h1> - <h6> :定義標題。<h1> 定義最大的標題。<h6> 定義最小的標題。
  • <hr> :在 HTML 頁面中創建一條水平線。
  • <html> :告知瀏覽器其自身是一個 HTML 文檔
  • <iframe> :創建包含另外一個文檔的內聯框架(即行內框架)
  • <img> :定義一副圖像
  • <input> :用於搜集用戶信息。根據不同的 type 屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼後的文本控件、單選按鈕、按鈕等等。
  • <ins> :定義已經被插入文檔中的文本
  • <label> :標註
  • <legend> :為 fieldset 元素定義標題
  • <li> :定義列表項目,<li> 標簽可用在有序列表 (<ol>) 和無序列表 (<ul>) 中
  • <link> :定義文檔與外部資源的關系,最常見的用途是鏈接樣式表
  • <map> :定義一個客戶端圖像映射。圖像映射(image-map)指帶有可點擊區域的一幅圖像。
  • <menu> :定義一個菜單列表
  • <meta> :提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。<meta> 標簽位於文檔的頭部,不包含任何內容。<meta> 標簽的屬性定義了與文檔相關聯的名稱/值對。
  • <noframes> :可為那些不支持框架的瀏覽器顯示文本。noframes 元素位於 frameset 元素內部
  • <noscript> :定義在腳本未被執行時的替代內容(文本)。
  • <object> :定義一個嵌入的對象。請使用此元素向您的 XHTML 頁面添加多媒體。此元素允許您規定插入 HTML 文檔中的對象的數據和參數,以及可用來顯示和操作數據的代碼。<object> 標簽用於包含對象,比如圖像、音頻、視頻、Java applets、ActiveX、PDF 以及 Flash。
  • <ol> :定義有序列表
  • <optgroup> :定義選項組
  • <option> :定義下拉列表中的一個選項,option 元素位於 select 元素內部
  • <p> :定義段落
  • <param> :為包含它的 <object>或者 <applet> 標簽提供參數。
  • <pre> :定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體,<pre> 標簽的一個常見應用就是用來表示計算機的源代碼。
  • <q> :定義一個短的引用
  • <s> :定義加刪除線文本定義
  • <script> :定義客戶端腳本,比如 JavaScript。script 元素既可以包含腳本語句,也可以通過 src 屬性指向外部腳本文件。必需的 type 屬性規定腳本的 MIME 類型
  • <select> :創建單選或多選菜單
  • <span> :用來組合文檔中的行內元素
  • <strike> :定義加刪除線文本定義
  • <style> :為 HTML 文檔定義樣式信息,type 屬性是必需的,定義 style 元素的內容。唯一可能的值是 "text/css"
  • <sub> :定義下標文本
  • <sup> :定義上標文本
  • <table> :定義 HTML 表格,簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。tr 元素定義表格行,th 元素定義表頭,td 元素定義表格單元。更復雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
  • <tbody> :標簽表格主體(正文)。該標簽用於組合 HTML 表格的主體內容。tbody 元素應該與 thead 和 tfoot 元素結合起來使用。thead 元素用於對 HTML 表格中的表頭內容進行分組,而 tfoot 元素用於對 HTML 表格中的表註(頁腳)內容進行分組。thead、tfoot 以及 tbody 元素使您有能力對表格中的行進行分組。當您創建某個表格時,您也許希望擁有一個標題行,一些帶有數據的行,以及位於底部的一個總計行。這種劃分使瀏覽器有能力支持獨立於表格標題和頁腳的表格正文滾動。當長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。
  • <td> :定義 HTML 表格中的標準單元格
  • <textarea> :定義多行的文本輸入控件
  • <tfoot> :定義表格的頁腳(腳註或表註)
  • <th> :定義表格內的表頭單元格。此 th 元素內部的文本通常會呈現為粗體。
  • <thead> :同上
  • <title> :定義文檔的標題
  • <tr> :定義 HTML 表格中的行
  • <u> :定義下劃線文本
  • <ul> :定義無序列表

一些不再被推薦的標簽:

以下的元素主要是一些字體樣式元素。不反對使用這些標簽。但是如果您只是希望通過這些標簽單純地改變文本的樣式,建議您使用樣式表來取得更加豐富的效果。

<tt>呈現類似打字機或者等寬的文本效果。

<i>顯示斜體文本效果。

<b>呈現粗體文本效果。

<big>呈現大號字體效果。

<small>呈現小號字體效果。

<em>把文本定義為強調的內容。

<strong>把文本定義為語氣更強 的強調的內容。

<dfn>定義一個定義項目。

<code>定義計算機代碼文本。

<samp>定義樣本文本。

<kbd>定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經常用在與計算機相關的文檔或手冊中。

<var>定義變量。您可以將此標簽與 <pre> 及 <code> 標簽配合使用。

<cite>定義引用。可使用該標簽對參考文獻的引用進行定義,比如書籍或雜誌的標題。

HTML標簽大全