2.<html></html>含義：用於告訴瀏覽器用什麼文件格式翻譯其中的代碼。這是一個網頁最大的標記，其他所有標記都必須位於其中。<html>有兩個子標記<head>和<body>.
3.<head>含義：代表網頁頭部，<head>一般是控制信息，告訴瀏覽器用什麼字符集來顯示內容，使網頁中的漢字，英文，日文等正常顯示，每個國家的字符集不一樣。
4.<body>：只有放在body中的內容，才能看見。
5.DTD(Document Type Definition)是一套關於標記符的語法規則。它是XML1.0版規則的一部分，是XML文件的驗證機制。DTD文件是一個ASCII文本文件，後綴名爲.dtd。
6.萬維網聯盟（World Wide Web Consortium，簡稱W3C）創建於1994年，是Web技術領域最具權威和影響力的國際標準化組織。 W3C主要工作，是製作Web規範。
7.color=“#00FF00” 每兩位代表，紅，綠，藍，以上顏色代表綠色。用單詞，十進制，十六進制可以表示顏色，單詞表示的顏色數量少，十進制表示的顏色有可能瀏覽器不支持，建議使用十六進制，顏色多，識別性好。
8.<map>圖像映射，圖像映射是指在圖像中的指定區域添加超鏈接，這些超鏈接又稱爲熱點。圖像映射通過<map></map>標記和<area></area>標記進行定義。<area>定義一個熱點的具體位置和目標鏈接，而<map></map>將所有熱點聯合爲一個整體並命名，該名稱指定給<img>標記的usemap屬性，將圖像和熱點連接起來。例如：
<img src=“1.jpg” usemap=“#Map” />
<map id=“Map” name=“Map”>
<area shape=“熱點形狀” coords=“座標” href=“鏈接” alt=“替代文字” />
</map>
9.<object></object>標籤：功能：定義一個嵌入的對象。請使用此元素向您的 XHTML 頁面添加多媒體；兼容性：幾乎所有的瀏覽器都支持；OBJECT 標籤是用於IE3.0及以後瀏覽器或者其它支持Activex控件的瀏覽器 ；object元素中一般會包含<param>標籤，<param>標籤可用來定義播放參數。object元素用於IE瀏覽器，embed元素用於非IE瀏覽器，爲了保證兼容性，通常我們同時使用兩個元素，瀏覽器會自動忽略它不支持的標籤。同時使用兩個元素時，應該把<embed>標籤放在<object>標籤的內部。
10.<table>標籤：<th></th>表格標題單元格：加粗居中顯示，<td></td>表格數據單元格 ；
11.<caption>——表格標題：語法：<caption align=“left或center或right”>內容</caption>，用來指定表格的標題或說明，caption爲table的子元素，且只能在table元素內，應該出現在緊隨table開始標籤之後，而一個table只能有一個caption。
終止標籤不可省略
12.get和post的區別：
1.如果爲get，那麼所提交的數據集將被作爲一個由表單的所有名/值對組成的查詢字符串（query string）添加到表單處理器的URL（action屬性）的末尾。如：index.php?variable1=content1&variable1=content2，這種方法提交的信息在長度上有一定限制，而且不安全，適合簡單的數據查詢。
2.如果爲post，那麼數據集將直接發給表單處理程序，而不是以可見的URL查詢字符串的形式。post方法可以提交更長的數據，並且相對安全一些，傳送的數據類型更多一些（不限於ASCII字符），因而適用於數據更復雜的表單。瀏覽器的默認方法爲get。
13.<input>標籤：
1.file類型：<input type=“file” name=“upFile” />該元素包含一個文本輸入字段，用來輸入文件名，還有一個按鈕，用來打開文件選擇對話框以便圖形化選擇文件。當一個<form>中有“上傳文件域”，必須指定MIME類型<form enctype=“multipart/form-data”>，否則無法上傳文件。上傳文件域，只在method=“post”下才有效。
14.框架：框架提供將一個瀏覽器窗口劃分爲多個區域，每個區域都可以顯示不同HTML文檔的方法。
1.框架集(frameset)是HTML文件，它定義一組框架的佈局和屬性，包括框架的數目、框架的大小和位置以及在每個框架中初始顯示的頁面的URL。框架集文件本身不包含要在瀏覽器中顯示的HTML內容；框架集文件只是向瀏覽器提供應如何顯示一組框架，以及在這些框架中應顯示哪些文檔的有關信息。
FrameSet注意事項
在使用了框架集(Frameset)的HTML頁面中，body標記被frameset取代。
Frameset用於定義框架結構，至於框架中具體顯示什麼頁面，則由其子元素frame設定。
Frameset的子元素noframes用來指定瀏覽器不支持框架頁時顯示的信息
Frameset的標籤內容中還可以有frameset（框架嵌套）
Frameset爲W3C非推薦元素，僅可在Frameset DTD的情況下使用
2.框架(frame)是瀏覽器窗口中的一個區域，它可以顯示與瀏覽器窗口的其餘部分中所顯示內容無關的HTML文檔（每個框架中顯示一個獨立的HTML文檔）。
Frame注意事項
frame元素用來定義單個框架的顯示內容與顯示方式
Frame爲單邊標記，因此用“/”結束。
Frame元素爲Frameset的子元素。
frame爲W3C非推薦元素，僅可在frameset DTD的情況下使用
3.<iframe>內嵌框架
iframe用來在文檔中嵌入一個行內框架
iframe爲body的子元素，因此iframe必須放置於body元素內
iframe框架可放置在網頁中的任何位置
對於不支持iframe的瀏覽器，可以設置替代內容
iframe爲W3C非推薦元素，僅可在 Transitional DTD的情況下使用
終止標籤不可省略
15.<meta>標記：
<meta>標記的主要功能：是設置或告訴瀏覽器如何顯示網頁內容，換句話說用什麼字符集顯示內容。
<meta>是<head>的子標記。
<meta>是一個單邊標記。
<meta>標記的常用屬性
l http-equiv：相當於http的文件頭部，主要是告訴瀏覽器如何顯示內容。
l name：主要用於描述網頁，如網頁關鍵字或網頁描述，或者作者、版本信息等。
（1）設置網頁字符集
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
提示：http-equiv的值是content-type是固定的。
（2）網頁自動刷新功能
<metahttp-equiv="refresh" content="2" /> 每隔2秒鐘，刷新一次網頁
<metahttp-equiv="refresh" content="5;url=http://php.itcast.cn"/> 5秒鐘後跳轉到傳智播客網
（3）設置網頁關鍵字，用於SEO網頁優化
<meta name="keywords" content="網站建設,企業網站建設,網站製作,網上商城,網站推廣,域名註冊,中企動力。"/>
（4）網頁描述
<metaname="description" content="網站建設、網站製作專家中企動力，爲您提供專業的展示型網站建設、營銷型網站建設、獨立商城系統網站建設、並提供一體化的企業郵箱、谷歌推廣解決方案。諮詢熱線400-660-5555" />
16.Xhtml簡介：
XHTML是可擴展的超文本標註語言。XHTML和HTML的標記都是固定的，不可人爲修改。
XML可擴展標註語言。
XHTML的目的主要用來取替HTML。因爲HTML標記的兼容性不好，在很多的移動平臺是不用正常使用。
XHTML是嚴格的、純淨的HTML。
17.DTD文檔類型定義
DTD，Document Type Defined ，文檔類型定義。
DTD是一套標記的語法規則，主要用來檢查我們所寫的XHTML網頁中的語法是否符合要求。
DTD有三種分類：嚴格型、過渡型、框架型。
嚴格型DTD
嚴格型網頁，要求網頁中不能再使用任何的格式標記(<b>、<i>、<font>、bgColor屬性等)。過渡型DTD
在嚴格型下，需要使用CSS來實現所有外觀樣式。<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
過渡型下，可以使用格式標記。框架型DTD
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
所謂框架，就是輸入一個地址，同時顯示多個網頁。18.XHTML編寫規範<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
網頁文檔只能一個根元素，根元素<html>
XHTML要求標記必須小寫。
XHTML要求所有標記都必須結束。
單邊標記如何結束，在最後加一個空格，再加一個斜線。如：<br />、<hr/>、<meta />
XHTML要求所有的屬性名稱必須小寫。
XHTML要求所有的屬性必須要有值。
<hr noshade> 變成 <hr noshade=“noshade”/>
<input type=“radio”checked=“checked”/>單選項
XHTML屬性的值必須要加引號。
XHTML文檔必須要有DTD文檔類型定義
18.超級鏈接:超鏈接，可以實現從一個網頁跳轉到另一個網頁。
超級鏈接的分類
l按使用對象分類：文本鏈接、圖片鏈接、郵箱鏈接、下載鏈接、JS鏈接等。
按URL分類：絕對URL、相對URL、錨點地址
語法格式：<a 屬性=“屬性值”屬性=“屬性值”>內容</a>
<a>標記的常用屬性
Href：鏈接的地址。
Target：目標文件的打開方式，取值：_blank(空白)、_self(自己)、_top(最頂層窗口)、_parent(父窗口)
Name：指定錨點鏈接的名稱。
舉例：<atarget="_blank" href="http://www.ifeng.com">鳳凰網</a>
19.URL分類
（1）絕對URL地址：起點是一樣的，鏈接的目標文件不一樣。
所謂“絕對URL地址”是指鏈接地址是從域名開始的。
如：href=" http://news.ifeng.com/a/20150111/42907436_0.shtml"
Href=’http://news.ifeng.com/a/20150112/42914204_0.shtml’
本地的絕對URL地址：
file:///E:/itcast/20150110/lesson/day2/4%E8%B6%85%E7%BA%A7%E9%93%BE.html
（2）相對URL地址：起點和目標都不固定。
分三種情況來說明：
第一種情況：當前文件和目標文件是平級關係，此時鏈接地址直接寫目標文件名。
第二種情況：當前文件與目標文件所在的文件夾平級，此時鏈接地址應該先寫文件夾名，再寫文件名。
如：href=“images/baobao.jpg”
第三種情況：目標文件在當前文件的上一級中的某個文件夾下。此時鏈接地址應該是：使用（../）先往上走一級。其中(../)代表上一級目錄。(../../)代表上兩級目錄。
如：href="../day1/images/01.gif">兩雞爭嘴</a>
什麼樣的鏈接文件會出現下載提示或另存爲提示？
如果網頁不能直接執行的文件，一律都會出現下載提示。
哪些文件網頁可以直接執行呢？gif、jpg、png、html
<h2>常用的本地鏈接</h2>
<ul>
<li><atarget="_blank" href="images/baobao.jpg">寶寶圖片</a></li>
<li><atarget="_blank" href="2滾動字幕標記.html">滾動字幕</a></li>
<li><atarget="_blank" href="../day1/images/01.gif">兩雞爭嘴</a></li>
<li><a target="_blank"href="mailto:[email protected]">給我發郵件</a></li>
<li><atarget="_blank" href="images/01.doc">下載word資料</a></li>
<li><ahref="#">空鏈接</a></li>
<li><a href="javascript:void(0)">JS空鏈接</a></li>
<li><ahref="javascript:alert('我就點你怎麼樣？')">單我試試</a></li>
</ul>
20.錨點鏈接
錨點鏈接：可以實現跳到同一個網頁的不同部分。
錨點鏈接的製作步驟：
l 定義錨點(標個記號)：<a name=“top”></a>
l 鏈接到錨點(跳到記號所在的位置)：<a href=“news.html#top”>返回頂部</a>
<a name="top"></a>
<a href="#top">返回頂部</a>
21.圖片標記<img/>
格式：<img 屬性=“屬性值”/>
常用屬性：
l Src：圖片的路徑
l Width：寬度
l Height：高度
l Border：邊框
l Align：水平對齊，取值：left、center、right。提示：該屬性可以實現圖文混排效果。
l Hspace：水平間距，圖片左右到文字間的距離。
l Vspace：垂直間路，圖片上下到文字間的距離。
技巧：如果要實現圖片等比例縮放，只需要修改width或height其中一個。
<a target="_blank"href="images/baobao.jpg">
<img src="images/baobao.jpg" width="400"hspace="20" align="left" border="2" />
</a>
22.表格<table/>
HTML中表格的標記也有三對：
表格標記：<table></table>
行的標記：<tr></tr> table row
單元格的標記：<td></td>(普通單元格,table data cell)或<th></th>(標題單元格 table head)
<table>標記的常用屬性
Width：表格寬度
Height：表格高度
Border：表格邊線粗細
Bordercolor：邊線的顏色
Align：水平對齊方式，取值：left、center、right
Cellspacing：單元格間距(兩個單元格之間的距離)
Cellpadding：單元格填充距離(單元格的內容與單元格邊線之間的距離)
bgColor：表格背景色
background：背景圖片的URL
rules：合併單元格的邊框線，取值：all (兼容性不太好)
<tr>屬性
height：行高
align：水平對齊方式，取值：left、center、right
valign：垂直對齊方式，取值：top、middle、bottom
bgColor：背景顏色
<td>或<th>屬性
標題單元格標記：<th></th>，自動居中加粗顯示
普通單元格標記：<td></td>
width：單元格寬度
height：單元格高度
bgColor：單元格背景顏色
background：背景圖片路徑
align：水平對齊方式，取值：left、center、right
valign：垂直對齊方式，取值：top、middle、bottom
colspan：跨列合併(水平合併、左右合併)，該屬性只能放在第一個單元格中
rowspan：跨行合併(垂直合併、上下合併)，該屬性只能放在第一個單元格中
<caption>表格標題
格式：<caption></caption>
說明：
<caption>放在<table>開始標記之後，其它所有<tr>之前
一個表格只能有一個<caption>標記
實現很細的表格邊框線
第一種方法：table標記的屬性rules=”all”兼容性不好；
第二種方法：css樣式，style=”border-collapse:collapse”；（推薦使用）
第三種方法：使表格背景爲黑色，cellspacing=1，border=0，然後使每個單元格爲白色。
22.圖片熱點
24.網頁多媒體功能：使用圖片熱點，可以實現給一張圖片加多個鏈接。如果不使用熱點，一張圖片只能加一個鏈接。
標記語法：
<img src=“images/01.jpg” usemap=“#Map” />
<map name=“Map”id=“Map”>
<areashape=“熱區形狀”coords=“熱區的座標”href=“鏈接地址” />
<areashape=“熱區形狀”coords=“熱區的座標”href=“鏈接地址” />
……
</map>
語法說明：
圖片熱區，必須要有圖片，圖片中使用usemap屬性去調用熱區定義。
熱區由<map>和<area>標記共同來完成。<map>標記主要定義一個熱區的名稱。<area>主要是定義熱區的詳細參數。
<map>標記的屬性
Id：指定熱點的名稱，高版本的瀏覽器使用。
Name：指定熱點的名稱，舊版本的瀏覽器使用。
<area>標記的屬性
Shape：熱區的形狀，取值：rect(矩形)、circle(圓形)、polygon(多邊形)
Coords：熱區的座標。
如果shape=“rect”的座標：(x1,y1,x2,y2)，x1,y1左上角座標點，x2,y2是右下角座標點
如果shape=“circle”的座標：(x,y,r)，x,y圓心座標，r爲半徑。
如果shape=“polygon”的座標：(x1,y1,x2,y2,x3,y3,x4,y4…)
Href：鏈接地址
<img src="images/baobao.jpg"width="600" border="0" usemap="#Map"/>
<map name="Map"id="Map">
<area shape="rect"coords="377,14,592,104" href="#" title="矩形"/>
<area shape="circle"coords="132,124,99" href="#" title="圓形"/>
<area shape="poly"coords="343,221,470,134,530,267,454,214,411,335,346,222"href="#" title="多邊形" />
</map>
網頁上的視頻格式大部分都是Flash格式。
Flash格式的優點：壓縮比大、Flash格式任何瀏覽器都支持。
<embed>多媒體標記
說明：<embed>標記Firefox瀏覽器支持，IE高版本支持。
常用屬性：
Src：Flash動畫的路徑
Width和height：Flash動畫寬度和高度
Pluginspage：指定Flash插件的下載地址。如果你的瀏覽器不支持Flash插件，會從指定地址下載。
Type：指Flash文件的格式類型
<object>多媒體標記
說明：<object>標記IE瀏覽器支持，但Firefox不支持。
常用屬性：
Classid：指Flash產品的ID號
Codebase：指定Flash插件的下載地址，與pluginspage一樣。
<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"width="778" height="202">
<paramname="movie" value="images/banner.swf">
<paramname="quality" value="high">
<paramname="wmode" value="transparent">
<embedsrc="images/banner.swf" width="778" height="202"quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"type="application/x-shockwave-flash"
wmode="transparent"></embed>
</object>