標籤：style http io ar color os 使用 sp for
1.什麼是HTML和網頁檔案2.瀏覽器訪問網頁文檔的方式
3.HTML規範與版本
誰來指定規範
--IETF
--W3C
正在使用的HTML版本
--HTML4.01(最終的版本)
--XHTML(將會替代HTML)
--HTML5
4.HTML的全域架構標籤
<html></html>
<head></head>:頭部元素
<body></body>：主體部分
5.<body>標籤的屬性
Text屬性：用於設定整個網頁中的文字顏色
link屬性：用於設定一般超連結文本的顯示顏色
alink屬性：用於設定滑鼠移動到超連結上時，超連結文本的顯示顏色
vlink屬性:用於設定瀏覽過的超連結文本的顯示顏色
background屬性：用於設定背景牆紙所用的影像檔，可以是DIF或JPEG檔案的絕對或相對路徑
bgcolor屬性：用於設定背景顏色，當已設定背景牆紙時，這個屬性會失去作用，除非牆紙具有透明部分
leftmargin屬性：設定網頁顯示畫面與瀏覽器視窗左邊沿的間隙，單位為像素
topmargin屬性：設定網頁顯示畫面與瀏覽器視窗上邊沿的間隙，單位為像素
class、name、id、style等屬性
6.文件類型定義
DTD文法：
<!DOCTYPE HTML PUBLIC "version name" "url">
HTML 指定文件類型名稱
PUBLIC 表明所依據的DTD檔案對任何人公開訪問，而不是某個公司內部的規範檔案
version name 指定該HTML版本的標識名稱。例如，HTML4.0的標識名稱為"-//W3C//DTD HTML 4.01 Transitional//EN"。
對於ISO標準的DTD以"ISO"三個字母開頭,被改進的非ISO標準的DTD以加號"+"開頭,未被改進的非ISO標準以減號"-"開頭。
url 指定該HTML語言的定義規範檔案在Internet上的位置，例如，http://www.w3c.org/TR?html4/loose.dtd。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
7.注釋與特殊字元
用"<!-- 注釋 -->"這種格式加入注釋
特殊字元可以用數值和引用實體來表示，例如，$#169;\$copy;
8.格式標籤
<p></p> :p標籤對,表示段落
<br>:分行符號
<nobr></nobr>:不分行符號，防止瀏覽器把過長的內容自動換行
<blockquote></blockquote>:以縮排的方式在瀏覽器中顯示
<center></center>:在水平方向上水平顯示
<marquee></marquee>:以移動的方式顯示marquee中的內容
其中的兩個屬性:direction="up,down,left,right":控制移動的方向
behavior="slide,scroll,alternate":控制移動的方式<slide:只移動一次,scroll:迴圈移動,alternate:折返的移動>
<dl></dl><dt></dt><dd></dd>:定義顯示列表
<ol></ol>:定義帶數字列表
<ul></ul>:定義帶圓點列表
<li></li>:定義清單項目
<pre></pre>:預格式化處理,顯示所有的空格和換行
9.文字標籤
<h1></h1>...<h6></h6>:以標題的方式顯示，數字越大，字型越小
<b></b>:粗體
<i></i>：斜體
<u></u>：加底線
<sub></sub>:下標表示
<sup></sup>:上標表示
<tt></tt>:以列印字風格顯示的字型
<cite></cite>:以引用的方式顯示字型
<em></em>:顯示需要強調的字型：斜體加粗體
<strong></strong>:顯示需要加重的字型：黑體加粗體
<font></font>:對字型，字型大小，顏色隨意改變
其中三個屬性：face：字型名稱，若沒有指定字型，則忽略這個屬性，用瀏覽器預設字型
size：字型大小(-7~7)，數字越小，字型越小或像素
color：字型的顏色
10.超連結標籤
超連結標籤:<a href="">link</a>
href:指定url:統一資源定位器
<a href="mailto:[email protected]?subject=test"> 發郵件 </a>
target:"_blank"
定位到網頁中的某一處<a name="mark">定位</a>
<a href="xxx.html#mark"></a>
<a href="#">...</a>與<a href="">...</a>的區別：""會開啟預設目錄，"#"什麼也不做
11.url(uniform resource locator):統一資源定位器
URL的基本組成：協議、主機名稱、連接埠號碼、資源名
相對url:"a.html","./a.html","../../a.html","a.html"
為url指定參數:a.html?name=wzg&password=123
帶有錨點的url：a.html#mark
mailto:[email protected]?subject=Feedback&body=how%20are%20you!
URL編碼
規則
將空格轉換為加號(+)
對0-9、a-z、A-Z之間的字元保持不變
對於所有其他的字元，用這個字元的當前字元集編碼在記憶體中的十六進位格式表示，並在每個位元組前加上一個百分比符號(%).
對於空格也可以直接使用其十六進位編碼方式，即用%20表示，而不是將它轉換成加號(+)
說明
如果確信URL串的特殊字元沒有引起使用上的歧義或衝突，你也可以對這些字元不進行編碼，而是直接傳遞給伺服器
如果URL串中的特殊字元可能會產生歧義或衝突，則必須對這些特殊字元進行URL編碼
12.映像標籤
<img src=""></img>
還可以設定alt：映像無法載入時，顯示alt設定的文本、align：設定對其方式、border：設定邊框、width：寬度、height：高度等屬性
<img>標籤的顯示過程
沒有真正載入映像資料，而是通過src指定映像的路徑，把請求發送給伺服器，伺服器返回資料，既可以讀取一個映像，也可以動態產生資料
分析：一個WEB伺服器是如何藉助<img>標籤來收集其他web網站的頁面訪問次數的？
<hr>標籤：水平線，可以設定size：粗細、color：顏色、width：寬度和noshade：無陰影
13.映像地圖
映像超連結
格式為：<a href="url"><img src="#"></img></a>
什麼是映像地圖
把一幅映像分成多個地區，每個地區指向不同的URL地址。
怎樣產生一個映像地圖
1)首先必須定義出映像上的各作用區的形狀、位置座標、及其指向的URL地址等資訊，這個過程叫映像熱點映射。
映像熱點映射需要使用<map name="mapName"></map>標籤對進行說明，其中的name屬性為該映像熱點映射指定了一個名稱
2)映像熱點映射中的各個地區用<area>標籤說明，<area>標籤的格式為：<area shape="形狀" coords="座標" href="URL">
href部分也可以用nohref替換，表示在該地區單擊滑鼠無效。<area>標籤還可以有一個target屬性，用來指明瀏覽器在哪個視窗或幀中顯示href屬性所指向的網頁資源。
3)定義好了映像熱點映射後，接著就要在<img>映像標籤中增加一個名為usemap的屬性設定，usemap屬性指定該映像被用作映像地圖，其設定值為所使用的映像熱點映射名稱，
格式為：在<img>標籤的name屬性設定值前多加一個"#"字元。例如,<img src="china.jpg" usemap="#mapName"></img>
shape屬性的設定說明
rect：定義一個矩形地區，coords屬性設定值為矩形的左上方、右下角的座標，各個座標值之間用逗號分開；
poly：定義一個多邊形地區，coords屬性設定值為多邊形各頂點的座標值
circle：定義一個圓形地區，coords屬性設定為圓心座標及半徑，前兩個參數分別為圓心的橫、縱座標，第三個參數為半徑。
Html簡介1
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
