首頁 > 開發者 > 網站開發

HTML標籤總結

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：style   blog   http   color   使用   os   io   for   

一，基本概念

HTML(Hypertext Markup Language) 超文字標記語言 (HTML)，是用於描述網頁文檔的一種標記語言，XHTML是一種遵循更嚴格的XML規則的HTML新版本，這種新的XML相容版本的HTML被稱為XHTML。

<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位於 <html> 標籤之前。它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。

二．大體架構 

<html>

<head> 

    <title>該文本的標題</title> 

</head> 

    <body>網頁要顯示的內容...(可以使用各種標籤設定參數) </body> 

</html>

使用META標記 ，提供關於網頁的資訊 
<META  charset=”UTF-8"> 設定網頁使用UTF-8編碼

HTML標籤文法：

1、雙標記：<開始標記>內容</結束標記>。例 ：<font>新華網</font>、<title>...</title>

2、單標記：<標記>。 例：<hr>--加橫線、<br>--換行、<b>--加寬等。

3、標記的屬性：<標記 屬性1=參數 屬性2=參數...>內容</標記>。例：<font size="5" color="red"><b>新華新聞</b></font>。

 

三．標籤分類

1、文檔標籤(10個)：<html>、<head>、<body>、<title>、<meta>、<base>、<style>、<link>、<script>、<noscript>

2、架構標籤(4個)：<frame>、<frameset>、<iframe>、<noframes>

3、布局標籤(1個)：<div>

4、表格標籤(8個)：<table>、<thead>、<tbody>、<tfoot>、<tr>、<td>、<th><caption>

5、表單標籤(10個)：<from>、<input>、<textarea>、<button>、<select>、<optgroup>、<option>、<label>、<fieldset>、<legend>

6、列表標籤(6個)：<ul>、<ol>、<li>、<dl>、<dt>、<dd>

7、連結標籤(1個)：<a>

8、多媒體標籤(3個)：<img>、<map>、<area>

9、文章標籤：<h1> - <h6> 、<p>、<br>、<span>、<pre>、<blockquote>、<q>、<ins>、<del>、<address>

11、特殊標籤(3個)：<!DOCTYPE>、<!-- -->、<hr>

塊元素(block element)   

  1. * div - 常用塊級主要標籤   
  2. * dl - 定義列表     
  3. * form - 互動表單   
  4. * h1-h6 - 標題   
  5. * hr - 水平分隔線   
  6. * ol ,ul- 排序表單 ，非排序列表   
  7. * p - 段落 
  8. * pre - 格式化文本
  9. * table - 表格
  10.   * blockquote - 區塊引述  

  

 

內嵌元素(inline element)   

  

  1.   * a - 錨點   
  2. * br - 換行    
  3. * em - 強調   
  4. * i - 斜體   
  5. * img - 圖片   
  6. * input - 輸入框   
  7. * label - 表格標籤   
  8. * q - 短引用   
  9. * select - 項目選擇   
  10. * span - 常用內聯容器，定義文本內區塊   
  11. * sub - 下標   
  12. * sup - 上標   
  13. * textarea - 多行文本輸入框   
  14. * var - 定義變數   

 

塊元素與行元素可以通過css 中display樣式進行轉換（inline，block，inline-block）。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More