HTML學習1之簡介、結構、標記、要求等
HTML學習1
什麼是 HTML？
HTML（Hyper Text Markup Language）： 超文字標記語言，用於描述網頁
HTML 標籤
HTML 標記標籤通常被稱為 HTML 標籤 。
HTML 標籤是由尖括號包圍的關鍵詞，比如
<html>
HTML 標籤通常是成對出現的，比如
<b> </b>
部分標記除外例如：<br/>
標籤對中的第一個標籤是開始標籤（也稱開放標籤），第二個標籤是結束標籤（也稱閉合標籤）。
整體結構
一個網頁對應多個HTML檔案，HTML檔案以.htm（磁碟作業系統DOS限制的外語縮寫）或.html（外語縮寫）為副檔名。
開始標記和結尾標記
檔案的開頭，即開始標記：
<html>
說明該檔案是用超文字標記語言來描述的。
檔案的結尾，即結尾標記：
</html>
頭部內容
頭部資訊的開始：<head>
頭部資訊的結尾：</head>
頭部中包含的標記是頁面的標題、序言、說明等內容，它本身不作為內容來顯示，但影響網頁顯示的效果。
HTML 頭部元素：
| 標籤 | 描述 |
|---|---|
<head> |
定義了文件的資訊 |
<title> |
定義了文件的標題 |
<base> |
定義了頁面連結標籤的預設連結地址 |
<link> |
定義了一個文件和外部資源之間的關係 |
<meta> |
定義了HTML文件中的元資料 |
<script> |
定義了客戶端的指令碼檔案 |
<style> |
定義了HTML文件的樣式檔案 |
主體內容
<body> </body>：這兩個正文標記符（又稱實體標記）中的內容，就是網頁中顯示的實際內容。
標記
型別描述
<!DOCTYPE HTML>
為了說明文件使用的超文字標記語言標準，所有超文字標記語言文件應該以“檔案型別宣告”（英語全稱加縮寫<!DOCTYPE>）開頭。
基本框架結構
<html> </html> 建立一個超文字標記語言文件。
<head> </head> 設定文件標題和其它在網頁中不顯示的資訊。
<BASE> 文件中不能被該站點辨識的其它所有連結源的URL
<LINK> 定義了一個文件和外部資源之間的關係。
<script> </script>指令碼語句標籤。
<body> </body>文件的可見部分。
<title> </title> 設定文件的標題。
內容描述
<h1> </h1> 一號標題（最大的標題）
<h6> </h6> 六號標題（最小的標題）
注：標題標籤僅應該用於標題文字。不要為了產生粗體文字而將它們用於段落文字。段落文字可用其它標籤或 CSS 代替。
（PS：<h6> 以後，如h7、h8、h9…顯示的就只是普通段落樣式文字）
<hr/> 建立水平線。
<pre> </pre> 預先格式化文字 （英文全稱：Pre formatted）
<u> </u> 下劃線（英文全稱：Underline）
<b> </b> 黑體字 （英文全稱：Bold）
<i> </i> 斜體字 （英文全稱：Italics）
<tt> </tt>打字機風格的字型
<cite> </cite>引用，通常是斜體
<em> </em> 強調文字（通常是斜體加黑體、英文全稱：Emphasize）
<strong> </strong> 加重文字（通常是斜體加黑體）
<font size="" color=""> </font> 設定字型大小從1到7，顏色使用名字或RGB（中文全稱：紅綠藍）的十六進位制值
<BASEFONT> </BASEFONT>基準字型標記
<big> </big> 字型加大
<SMALL> </SMALL> 字型縮小
<DELECT> </DELECT> 加刪除線
<CODE> </CODE>程式碼
<KBD> </KBD>鍵盤字
<SAMP> </SAMP> 範例
<VAR> </VAR> 變數
<BLOCKQUOTE> </BLOCKQUOTE> 向右縮排（塊引用）
<DFN> </DFN> 述語定義（英文全稱：Define）
<ADDRESS> </ADDRESS>地址標記
<sup> </SUP> 上標字
<SUB> </SUB> 下標字
<xmp> </xmp>固定寬度字型（在檔案中空白、換行、定位功能有效）
<plaintext> </plaintext>固定寬度字型（不執行標記符號）
<listing> </listing> 固定寬度小字型
<font color=00ff00> </font>字型 顏色
<font size=1> </font>字型 大小等於1（最小）。
<font style ='font-size:100 px'> </font>字型 樣式等於無限增大（100畫素）
格式標誌標籤
<p> </p> 建立一個段落 （英文全稱：Paragraphs）
<p align=""> 將段落按左、中、右對齊
<br/>定義新行
<blockquote> </blockquote> 從兩邊縮排文字
<dl> </dl> 定義列表
<dt> 放在每個定義術語詞前，用於定義術語（英文全稱：Definition Term）
<dd> 放在每個定義之前，用於定義說明（英文全稱：Definition Description）
<ol></ol> 建立一個標有序的列表，預設前面有數字，從數字“1”開始計數，依次疊加，也可以設定為字母或從任何自然數開始計數的列表項 （英語全稱：Ordered List）
<ul></ul> 建立一個無序的列表，預設前面標有圓點，也可以自己設定為none或者其他形狀，如空心圓、方塊等。
<li> 放在每個列表項之前，若在<ol></ol>之間，則每個列表項加上一個數字；若在<ul></ul>之間則每個列表項加上一個圓點。
<div align=""> </div> 用來排版大塊HTML段落，也用於格式化表
<MENU> 選項清單
<DIR> 目錄清單
<nobr> </nobr> 強行不換行（英文全稱：No breaking）
<hr size='9' width='80%' color='ff0000'>設定水平線寬度
<center> </center> 水平居中
網頁表格標籤
表格的基本結構如下：
<Table>
<caption></caption>
<tr>
<th></th><th></th>...
</tr>
<tr>
<td></td><td></td>...
</tr>
<tr>
<td></td><td></td>
</tr>
...
</Table>
表格的內容放在<Table> </Table>標記之間。<caption>定義表格的標題。
表格的表示以行為單位，在行中包含列。其中：一個<tr> </tr>標記表示一行；一個<td> </td>標記表示一列；<th> </th>定義表頭，一般可以不用。
連結標誌表格標誌
HTML 連結：通過 <a> 標籤定義。
建立超文字連結：
<a
href="一個URL"></a>
（注：在 href 屬性中指定連結的地址。）
建立位於文件內部的書籤：
<a
name="書籤頁"></a>
建立指向位於文件內部書籤的連結：
<a
href="#書籤頁"></a>
影象標誌
HTML 影象：通過 <img> 標籤定義。
<img src="圖片地址" width="寬度" height="高度" />
注：影象的寬度、高度等屬性是以屬性的形式定義的。
使用
每種HTML標記符在使用中可帶有不同的屬性項，用於描述該標記符說明的內容顯示不同的效果。
正文標記符中提供以下屬性來改變文字的顏色及頁面背景。
BGCOLOR（英語全稱：Background Color）用於定義網頁的背景色
BACKGROUND用於定義網頁背景圖案的影象檔案
TEXT用於定義正文字元的顏色，預設為黑色
LINK用於定義網頁中超級連結字元的顏色，預設為藍色
VLINK（外語全稱：Visited LINK）用於定義網頁中已被訪問過的超接連結字元的顏色，預設為紫紅色
ALINK（中文全稱：活動連結）用於定義被滑鼠選中，但未使用時超鏈字元的顏色，預設為紅色
使用以上屬性時，需要對顏色進行說明，在HTML中對顏色可使用3種方法說明顏色屬性值，即直接顏色名稱、16進位制顏色程式碼、10進位制RGB碼。
直接顏色名稱：可以在程式碼中直接寫出顏色的英文名稱。如測試，在瀏覽器上顯示時就為紅色。
16進位制顏色程式碼： #RRGGBB 。16進位制顏色程式碼之前必須有一個“#”號，這種顏色程式碼是由三部分組成的，其中前兩位代表紅色，中間兩位代表綠色，後兩位代表藍色。不同的取值代表不同的顏色，取值範圍是00~FF。如測試，在瀏覽器上顯示為紅色。
10進位制RGB碼：RGB(RRR,GGG,BBB) 。在這種表示法中，後面三個引數分別是紅色、綠色、藍色，他們的取值範圍是0~255。以上兩種表達方式可以相互轉換，標準是16進位制與10進位制的相互轉換。如測試，在瀏覽器上顯示字型為紅色。
元素
HTML 元素：從開始標籤到結束標籤的所有程式碼。即包含了開始標籤、結束標籤和他們之前的程式碼內容。
HTML 文件是由 HTML 元素定義的。
語法
- HTML 元素以開始標籤起始
- HTML 元素以結束標籤終止
- 元素內容是開始標籤與結束標籤之間的內容
- 某些 HTML 元素具有空內容（如
<br>） - 空元素在開始標籤中進行關閉（在開始標籤中新增斜槓，如
<br/>，是關閉空元素的正確方法） - 大多數 HTML 元素可擁有屬性
- 大多數 HTML 元素可巢狀
（如<body>元素的元素內容可以是<p>元素；<html>元素的元素內容可以是<body>元素）
一些預設要求
- 副檔名預設使用htm或html。
- HTML檔案的列寬可不受限制，即多個標記可寫成一行；若寫成多行，瀏覽器一般忽略檔案中的回車符（標記指定除外）。
- 完整的空格可使用實體符“ （字母須小寫）”表示非換行空格。
- 表示檔案路徑時使用符號“/”分隔，檔名及路徑描述可用雙引號也可不用引號括起。
- 標記符中的標記元素用尖括號括起來，帶斜槓的元素表示該標記說明結束。
- 大多數標記符必須成對使用，以表示作用的起始和結束。
- 標記元素忽略大小寫，即其作用相同，但完整的空格要求特殊字元小寫“ ”。
- 許多標記元素具有屬性說明，可用引數對元素作進一步的限定，多個引數或屬性項說明次序不限，其間用空格分隔即可；一個標記元素的內容可以寫成多行。
- 標記符號，包括尖括號、標記元素、屬性項等必須使用半形的西文字元，不能使用全形字元。
- HTML註釋由"
<!--"號開始，由符號”-->“結束結束，例如<!--註釋內容-->。註釋內容可插入文字中任何位置。任何標記若在其最前插入驚歎號，即被標識為註釋，不予顯示。
第一個HTML檔案
<!DOCTYPE HTML>
<HTML>
<BODY>
<h1>hello</h1>
<p>world</p>
</BODY>
</HTML>
