首頁 > 開發者 > JavaScript
完整的HTML標籤查詢
http://www.w3school.com.cn/tags/index.asp
屬性查詢
http://www.w3school.com.cn/tags/html_ref_standardattributes.asp
HTML
什麼是 HTML？
HTML 是用來描述網頁的一種語言。
HTML 使用標記標籤來描述網頁
HTML 標籤
HTML 標籤標籤通常被稱為 HTML 標籤 (HTML tag)。
開始和結束標籤也被稱為開放標籤和閉合標籤
HTML 文檔 = 網頁
網頁瀏覽器的作用是讀取 HTML 文檔，並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標籤，而是使用標籤來解釋頁面的內容：
<p> 與 </p> 之間的文本被顯示為段落
HTML 標題（Heading）是通過 <h1> - <h6> 等標籤進行定義的。
HTML 段落是通過 <p> 標籤進行定義的。
HTML 連結是通過 <a> 標籤進行定義的
Example:
<a href="http://www.w3school.com.cn">This is a link</a>
HTML 映像是通過 <img> 標籤進行定義的。
Example:
<img src="w3school.jpg" width="104" height="142" />
空的 HTML 元素
沒有內容的 HTML 元素被稱為空白元素。空元素是在開始標籤中關閉的。
<br> 就是沒有關閉標籤的空元素（<br> 標籤定義換行）。
在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。
在開始標籤中添加斜杠，比如 <br />，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效，但使用 <br /> 其實是更長遠的保障。
HTML 提示：使用小寫標籤
HTML 標籤對大小寫不敏感：<P> 等同於 <p>。許多網站都使用大寫的 HTML 標籤。
W3School 使用的是小寫標籤，因為全球資訊網聯盟（W3C）在 HTML 4 中推薦使用小寫，而在未來 (X)HTML 版本中強制使用小寫。
HTML 屬性
HTML 屬性
HTML 標籤可以擁有屬性。屬性提供了有關 HTML 元素的更多的資訊。
屬性總是以成對的名稱和數值的形式出現，比如：name="value"。
屬性總是在 HTML 元素的開始標籤中規定。
<h1 align="center"> 擁有關於對齊的附加資訊。
<body bgcolor="yellow"> 擁有關於背景顏色的附加資訊。
<table border="1"> 擁有關於表格邊框的附加資訊。
HTML 水平線
<hr/>標籤在HTML頁面中建立水平線。
分割內容
HTML 折行
<br/> 折行
HTML文字格式設定化 裡面一些屬性
http://www.w3school.com.cn/html/html_formatting.asp
HTML CSS 樣式
外部樣式表
當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個檔案來改變整個網站的外觀。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
內部樣式表
當單個檔案需要特別樣式時，就可以使用內部樣式表。你可以在 head 部分通過 <style> 標籤定義內部樣式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
內聯樣式
當特殊的樣式需要應用到個別元素時，就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下執行個體顯示出如何改變段落的顏色和左外邊距。
<p>This is a paragraph
</p>
HTML 超連結
http://www.w3school.com.cn/html/html_links.asp
HTMl 映像操作
http://www.w3school.com.cn/html/html_images.asp
映像標籤
標籤 |
描述 |
<img> |
定義映像。 |
<map> |
定義映像地圖。 |
<area> |
定義映像地圖中的可點擊地區。 |
HTML表格
http://www.w3school.com.cn/html/html_tables.asp
表格標籤
表格 |
描述 |
<table> |
定義表格 |
<caption> |
定義表格標題。 |
<th> |
定義表格的表頭。 |
<tr> |
定義表格的行。 |
<td> |
定義表格單元。 |
<thead> |
定義表格的頁首。 |
<tbody> |
定義表格的主體。 |
<tfoot> |
定義表格的頁尾。 |
<col> |
定義用於表格列的屬性。 |
<colgroup> |
定義表格列的組。 |
HTML 列表
http://www.w3school.com.cn/html/html_lists.asp
列表標籤
標籤 |
描述 |
<ol> |
定義有序列表。 |
<ul> |
定義無序列表。 |
<li> |
定義清單項目。 |
<dl> |
定義定義列表。 |
<dt> |
定義定義項目。 |
<dd> |
定義定義的描述。 |
<dir> |
已廢棄。使用 <ul> 代替它。 |
<menu> |
已廢棄。使用 <ul> 代替它。 |
網站布局
大多數網站會把內容安排到多個列中（就像雜誌或報紙那樣）。
可以使用 <div> 或者 <table> 元素來建立多列。CSS 用於對元素進行定位，或者為頁面建立背景以及色彩豐富的外觀。
提示：即使可以使用 HTML 表格來建立漂亮的布局，但設計表格的目的是呈現表格化資料 - 表格不是布局工具！
HTML 布局 - 有用的提示
提示：使用 CSS 最大的好處是，如果把 CSS 代碼存放到外部樣式表中，那麼網站會更易於維護。通過編輯單一的檔案，就可以改變所有頁面的布局。如需學習更多有關 CSS 的知識，請訪問我們的 CSS 教程。
提示：由於建立進階的布局非常耗時，使用模板是一個快速的選項。通過搜尋引擎可以找到很多免費的網站模板（您可以使用這些預先構建好的網站布局，並最佳化它們）。
HTML表單
表單標籤
http://www.w3school.com.cn/html/html_forms.asp
標籤 |
描述 |
<form> |
定義供使用者輸入的表單 |
<input> |
定義輸入欄位 |
<textarea> |
定義文本域 (一個多行的輸入控制項) |
<label> |
定義一個控制的標籤 |
<fieldset> |
定義域 |
<legend> |
定義域的標題 |
<select> |
定義一個挑選清單 |
<optgroup> |
定義選項組 |
<option> |
定義下拉式清單中的選項 |
<button> |
定義一個按鈕 |
<isindex> |
已廢棄。由 <input> 代替。 |
HTML 架構
通過使用架構，你可以在同一個瀏覽器視窗中顯示不止一個頁面。
http://www.w3school.com.cn/html/html_frames.asp
HTML 內聯架構
http://www.w3school.com.cn/html/html_iframe.asp 內部嵌套一個架構
<!DOCTYPE> 聲明
Web 世界中存在許多不同的文檔。只有瞭解文檔的類型，瀏覽器才能正確地顯示文檔。
HTML 也有多個不同的版本，只有完全明白頁面中使用的確切 HTML 版本，瀏覽器才能完全正確地顯示出 HTML 頁面。這就是 <!DOCTYPE> 的用處。
<!DOCTYPE> 不是 HTML 標籤。它為瀏覽器提供一項資訊（聲明），即 HTML 是用什麼版本編寫的。
提示：W3School 即將升級為最新的 HTML5 文件類型。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
