第二章 HTML基礎
本章要點
HTML代碼的結構
HTML網頁的構成
目錄：
2.1 HTML代碼的結構
2.2 HTML網頁的構成
2.3 HTML網頁的瀏覽與測試
2.4 綜合執行個體
2.1 HTML代碼的結構
1.HTML代碼的組成
HTML用於描述功能的符號稱為“標記”。如“<html>”、“<body>”、“<table>”等。標記在使用時必須用方括弧“<>”括起來，而且是成對出現，無斜杠的標記表示該標記的作用開始，有斜杠的標記表示該標記的作用結束。
2.1 HTML代碼的結構
2.注釋與空白符
（1）注釋
HTML注釋是一種常值內容，出現在HTML來源文件中,但瀏覽器並不顯示他們，對於注釋來說，最大的區別就是HTML不允許對它進行嵌套。有兩種注釋方式：
注釋方法1：
<!---注釋--->
注釋方法2：
<comment>…</ comment>
（2）空格符
HTML頁面中空格符並不具有調整間距的功能(加續出現多個空格符時，僅第一上空格符有效)，若要正確的使用空格符，請改用HTML空格符，才能完成空格符的功能。空格符號是通過代碼控制的。
基本文法： 
3.標記的嵌套
在大多數情況下，標記必須被放置在其他標記內部，這個過程被稱為嵌套標記，必須先結束最靠近嵌套標記內容的標記，在按照由內及外的順序依次進行。
4.標準屬性
HTML標記可以擁有屬性。屬性提供了有關HTML元素的更多的資訊。屬性總是以名稱=“值”的形式出現。比如：name=“form1”，其中“name”就是屬性名稱，“form1”就是屬性值。屬性值總是在HTML 元素的開始標記中指定。關於標記和屬性有下面的一些說明：
（1）HTML 標籤是用來標記 HTML 元素的。
（2）HTML 標籤被 “<” 和 “>” 符號包圍。
（3）HTML 標籤是成對出現的。例如 <p> 和 </p>。
（4）位於起始標記和終止標記之間的文本是元素的內容。
（5）HTML 標籤對大小寫不敏感，<b> 和 <B> 的作用的相同的。
2.2 HTML網頁的構成
1.HTML網頁結構
在進行HTML檔案編寫的時候，必須遵循HTML的文法規則。完整的HTML文檔檔案由標題、段落、表格等各種對象組成。
所有的HTML一般都包括有這個結構標誌。
<!DOCTYLE...>
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
2.HTML標記及其屬性
......
3.head標記及其屬性
<head>標記用來封裝其他位於文檔頭部的標記。把該標記放在文檔的開始處，緊跟著在<html>標記後面並位於<body>標記或<frameset>標記之前。<head>標記一般在<html>標記和<body>標記的中間，是用來定義一些頭部說明。<head>標誌中包含文檔的標題，文檔使用的指令碼，樣式定義和文檔名資訊。
4.body標記及其屬性
text 設定頁面文字的顏色
bgcolor 設定頁面背景顏色
bgproperties 設定頁面的背景映像為固定，不隨頁面的滾動而動
link 設定頁面預設的連結顏色
alink 設定滑鼠正在單擊時的連結顏色
vlink 設定訪問過後的連結顏色
TOPMAGGIN 設定頁面的上邊距
leftmargin 設定頁面的左邊距
2.3 HTML網頁的瀏覽與測試
1.利用IE與Firefox瀏覽HTML網頁
（1）利用IE瀏覽HTML網頁
選擇【檔案】|【開啟】，然後單擊“瀏覽”按鈕，去尋找硬碟中存放的網頁檔案，然後單擊“開啟”按鈕，瀏覽器就能夠顯示編寫網頁的頁面效果了。
（2）Mozilla Firefox
Firefox3.6內建支援Personas皮膚，支援CSS、DOM和HTML5，以及全屏視頻播放和開放原始碼的“Web開放字型格式”。另外，Firefox3.6還增添了一項新的安全功能，可以檢查FlashPlayer和QuickTime等外掛程式版本，確保它們是最新版本，屏蔽存在安全問題的外掛程式，並提醒使用者更新外掛程式。
2 . 利用Firebug測試HTML網頁
Firebug是Joe Hewitt開發的一套與Firefox整合在一起的功能強大的web開發工具，可以即時編輯、調試和監測任何頁面的CSS、HTML和 JavaScript。
2.4 綜合執行個體
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
