---------------------- ASP.Net+Android+IO開發S、.Net培訓、期待與您交流！ ----------------------
做開發一般用 IE chrome FF Opera Safari 瀏覽器
瀏覽器就是接收瀏覽者的操作（開啟一個網址、點擊一個連結、點擊一個按鈕），然
後幫瀏覽者去Web伺服器請求網頁內容(HTML格式返回)，然後展現成人眼能夠看得懂的
可視化頁面的軟體。
最初原因就是Web剛起步的時候沒有一個統一的HTML標準，後來雖然有了標準的W3C組
織提出的HTML標準，但是各個瀏覽器廠商還是各自為政，沒有完全遵守這個標準。
HTML(HyperText Markup Language)就是描述網頁長什麼樣子、有什麼內容的一個文
本。查看網頁的描述內容（HTML）的方式：使用IE瀏覽器的話，在網頁上點擊右鍵，
選擇“查看源檔案”。 HTML之所以能展現出各種各樣的效果，是瀏覽器的功能。
瀏覽器安全色性問題：描述檔案是一個統一的，但是就像口語翻譯一樣，不同的翻譯翻
譯出來的東西也是不一樣的。不同瀏覽器品牌對HTML的支援是有差異的，所以同一個
網頁在IE上和FireFox上看起來可能長得不一樣，最明顯的就是以前QQ空間上的頁面在
FireFox上顯示就有問題，甚至有的頁面在IE6、IE7、IE8上長的也不一樣。因此Web開
發過程中的一個重要的也是最頭疼的問題就是瀏覽器的相容。測試FireFox（簡稱FF）
、Chrome等瀏覽器安裝各自的軟體就可以，測試不同版本的IE可以用IETester、IE
Collection(使用IE Collection瀏覽頁面時，最好通過http://的方式瀏覽，否則部分
版本瀏覽器會報錯。)
網站的頁面分為動態網頁面與靜態頁面
靜態頁面：尾碼為html 或者是htm的都是靜態頁面
動態網頁面：動態網頁面上包含一些指令碼代碼，伺服器上滅哦與瀏覽者要看的頁面，頁面
的尾碼一般為asp aspx jsp php 等都是動態網頁面
html 常用的標籤
所有內容都在<html></html>標籤之內；<head></head>內放的是頭部資訊，
是對頁面的描述，不會直接顯示在頁面中，<head>內的<title>中設定的是頁面的標題
，<title>只能放在<head>中；<body>是頁面的主體，大部分顯示內容都定義在這裡。
h標籤（標題標籤） html定義了<h1>到<h6>六個標籤 表示的是不同大小的字型，h1最
大 h6最小
<br/>屬於是自閉和的斷行符號 也叫做分行符號
<P> 是分段標籤 前後都有縮排
<center></center>是置中顯示<b>a</b>粗體，推薦<strong><i>b</i>斜體<u>c</u>帶
底線。<em>強調，斜體</em>
<sub>2</sub>下標，如：H<sub>2</sub>O
<sup>2</sup>上標，如：10<sup>2</sup>
html中的特殊字元處理
&lt; → <
& 就是 &的“轉義符”。
HTML不把" "當成空格，因為HTML中經常有縮排，如果把縮排的空格在瀏覽器中以空格
形式展現的話，排版會很麻煩。“ ”表示空格。
為什麼<>要用<>代替？就是因為<>有特殊含義：標籤的定義。
常用的幾個html編碼：
" "
& &
< <
> >
空格
©
®
² ²
¥ ¥
³ ³
關於超連結 URL
相對URL表示相對於當前文檔的資源，“/”表示網站根目錄，“../”表示父目錄，“../../”表示父目錄的父目錄，“./”或者不寫任何斜線表示相對於當前路徑的目錄
。站內引用最好用相對URL，這樣網域名稱改變了、目錄改變了都不受影響。
<a href="a.htm"><img src="a.jpg"/></a>
<img src="../images/csharp1.jpg" />
<img src="/images/csharp1.jpg" />
將<a>的target屬性設定為"_blank"就可以在新視窗中開啟超連結。
錨記：用name屬性為<a> 起名字：<a name="Last">這裡是最後</a>。這樣可以通過<a
href="#Last">轉到平台</a>來跳轉到超連結的部分。
這個超連結是在本頁中的跳轉一般用在頁面比較長 的頁面中
關於圖片
<img src=“a.jpg”/>注意圖片是連結的，不是插入的，所以如果src指向的檔案不存
在了，就看不了了。alt屬性為圖片無法顯示時的顯示文本，滑鼠方式去也會有懸浮提
示“點擊查看大圖”；title用來顯示當滑鼠放到圖片上時顯示的文字；border屬性指
定邊框，border="0"不顯示邊框；width、height屬性指定圖片的顯示大小，如果不指
定則是圖片的原始大小。
最好指定width、height，哪怕是原始大小大小，因為如果不指定大小，圖片會不佔位
置，圖片下載後才調整大小，會造成頁面很亂。如果指定了width、height哪怕圖片沒
有載入完成，也會先把位置占上。
如果網頁上要顯示小圖（比如縮圖），不要僅僅是把大圖設定一下width、height來
縮小，因為仍然會下載大圖，會使得載入速度很慢。
易錯，不要以為把bmp尾碼改為jpg就是改檔案格式了！
px為像素 相對長度單位像素 px是相對於顯示器螢幕解析度而言的
---------------------- ASP.Net+Android+IOS開發、.Net培訓、期待與您交流！ ----------------------
詳細請查看：http://edu.csdn.net
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
