第 2 章 HTML、XML和CSS-帶答案

第 2 章 HTML、XML和CSS-帶答案
1.Web網站開發的5個階段： 與 、 、 、 和 。
2.靜態網頁：指沒有後臺資料庫、不含服務端程式的網頁；可直接載入到客戶瀏覽器上顯示。靜態網頁主要採用 或 等語言編寫。
3.動態網頁：指內容可根據不同情況動態變化的網頁，是當前網站的主流形式。請簡述動態網頁的優缺點：
4.超文字標記語言HTML（Hypertext Markup Language）是在全球資訊網上建立超文字檔案的語言，它是全球資訊網的核心計算機語言。請寫出HTML文件的基本構成:
5.HTML中兩種顏色值的表示方法： ， 。
6.一個超連結可指向另一個Web頁，它由兩部分組成： 一部分是顯示在本頁面中的可被觸發的超連結文字或影像，另一部分是用來描述當超連結被觸發後要連結到的URL資訊。請寫出超連結標記格式：
7.表格是最常用的頁面元素，在頁面中用表格來表示資料直觀又清晰，而且HTML表格的使用非常靈活，許多較複雜的頁面佈局也可利用表格來完成。其中 和 標記對界定表格結構的起始和結束；
8.請寫出圖中的簡單表格示例：

9.表單的輸入域有如下三類：以標記 定義的多種輸入域，包括text、radio、checkbox、password、hidden、button、submit、reset和file等，以標記 定義的文字域。以標記 和 定義的下拉選單框。
10.當提供給使用者的選擇專案較多時，為節省顯示空間，可使用表單的下拉選單輸入域。定義下拉選單框使用和兩個標記，請寫出他們的語法：
11.當使用者需要上傳檔案時，可使用file輸入域。檔案域由 和一個 組成，使用者既可以在文字框中輸入檔案的路徑和檔名，也可以通過單擊“瀏覽”按鈕從磁碟上查詢和選擇所需檔案。
12.框架（Frame），首先需確定如何分割視窗，然後建立描述視窗分割的主檔案，再為每個框架建立相應的HTML檔案。主檔案的定義方法是：

[頭部標記] {...} ... [字串] 其中，標記 定義視窗分割的方式（橫向或縱向）和大小， 標記定義了若瀏覽器不支援框架時所顯示的內容。 13.請簡述HTML5的4個新特性， ， ， ， 。 14.智慧表單新增屬性pattern是標記的驗證屬性，該屬性的值是一個 ，通過這個表示式可以驗證輸入內容的有效性。 15.智慧表單新增屬性required ，是一個 屬性，包含此屬性的表單元素必須被填寫。在傳送時若仍為空，瀏覽器將會給予相關提示。 16.HTML5新功能音視訊支援，HTML5 通過標記 和 支援嵌入式的媒體，使開發者能夠方便地將媒體嵌入到HTML文件中。 17.層疊樣式表（CSS）是W3C協會為彌補HTML在顯示屬性設定上的不足而制定的一套擴充套件樣式標準。請簡述為什麼需要CSS？ 18.CSS樣式表定義的基本語法為： 19.樣式表定義： p { font-family: "宋體"; color:darkblue; background-color:yellow; font-size:9pt; /*字型大小*/ } 定義了一個樣式表供HTML檔案的 標記使用。 20.偽類是特殊的類，能自動地被支援CSS的瀏覽器所識別。例如， （已訪問的連結）和 （可啟用連結）描述了兩個錨（anchors）的狀態。 21.樣式的作用順序，請簡述樣式表的作用優先順序遵循以下4條原則： 22.CSS屬性中字型屬性可以通過什麼綜合設定字型：斜體、加粗，還可指定字高。 23.顏色和背景屬性表background-attachment是設定了什麼屬性？ 24.文字屬性表中text-align可取值left|right|center|justify（將文字均分展開對齊）是什麼含義？ 25.列表屬性表中list-style-position可取值outside|inside是什麼含義？ 26.CSS提供用於二維和三維空間定位的屬性，它們是 、 、 。 27.請寫出當前CSS三維空間定位屬性用法示例

28.XML與HTML的比較，在可擴充套件性中，請簡述XML與HTML的區別。
29.XML文件的組成是標記和開/閉標記之間的文字結合在一起構成元素。所有元素都可以有自己的屬性，屬性採用“ ”對的方式寫在標記中。
30.使用CSS樣式表顯示XML文件中使用級聯樣式表（CSS）顯示XML文件有兩個基本步驟：
答案
1.策劃與定義，設計，開發，測試，釋出。
2.HTML，XML
3.優點：
（1）具有良好的互動性，可以實現靈活強大的程式控制功能；網頁會根據使用者的請求而動態改變和顯示內容，例如使用者登入、各類管理功能等。
（2）動態網頁一般以資料庫技術為基礎，有利於網站內容的更新，可以大大降低網站維護的工作量。
缺點：
（1）由於需要資料庫處理，所以動態網站的訪問速度有所減慢；但隨著伺服器效能以及網路頻寬的提升，其影響已經較小。
（2）技術複雜，開發難度較高。
4.

文件頭部分


文件的主體部分


5.RGB值表示，英文單詞表示
6.超連結文字或影像
7.

，
8.

物資列表 商品類別數量 日用百貨10 電器20 轎車5 9.， ，， 10. 表項內容 …… 11.一個文字框，一個“瀏覽”按鈕 12.， 13.語義特性，跨平臺執行，簡單易用性，使用者友好性 14.正規表示式 15.布林型 16.， 17.（1）表現和內容相分離：將設計部分剝離出來放在一個獨立樣式檔案中，HTML檔案只負責內容，樣式交給CSS來實現。 （2）強大的控制能力：CSS將物件引入HTML，從而可以使用JavaScript指令碼控制網頁標籤的顯示效果，除了控制文字屬性，如字型、字號、顏色等，還可以設計複雜的網頁樣式，如物件位置、圖片效果、網頁佈局等。 （3）易於頁面維護、更新及改版：通常DIV+CSS頁面都將HTML和CSS檔案分開，只需修改CSS檔案就可以更新頁面。 （4）提高網頁瀏覽速度：CSS可提供多種樣式，以減少GIF動畫的使用，DIV+CSS佈局較表格佈局減少了頁面程式碼，從而能設計出規模更小、下載更快的網頁。 18.選擇符（Selector）{ 規則（Rule）表} 19.

20.visited links， active links 21.① 內聯樣式中所定義的樣式優先順序最高。 ② 層疊型：即其他樣式表按其在HTML檔案中出現或被引用的順序，越在後出現，優先順序越高。 ③ 選擇符的作用順序由高到低為：類選擇符、id選擇符。 ④ 未在任何檔案中定義的樣式，將遵循瀏覽器的預設樣式。 22.Font 23.指定背景影像是否跟隨頁面內容滾動。預設值為scroll 24.設定元素縱向對齊方式。值的含義見下面的說明。預設值為baseline 25.設定專案符號是否在文字裡，與文字對齊 26.top、left、position 27.

三維定位屬性用法。 三維定位屬性用法。 三維定位屬性用法。

文字的重疊顯示

文字的重疊顯示

28.HTML不具有擴充套件性 XML是元標記語言，可用於定義新的標記語言 29.“屬性/值” 30.① 建立CSS樣式表檔案； ② 連結CSS樣式表到XML文件。