1.6　網頁制作入門

1.6.1　HTML簡介

1．HTML介紹

HTML是HyperText Markup Language的縮寫，即超文本標記語言。HTML是用來創建超文本文檔Web頁面的一種簡單標記語言，可以讓頁面從一個平臺移植到另一平臺。HTML是目前在網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言。

HTML使用標簽的形式將網頁內容劃分出層次結構，可用標簽來描述文字、圖形、動畫、聲音、表格、鏈接等。HTML網頁結構包括頭部、主體兩大部分。頭部描述瀏覽器所需的信息，主體包含所要說明的具體內容。

目前HTML最新版本是HTML5.0，使用最廣泛的版本是HTML4.01。

2．HTML的發展史

HTML是在1993年6月以互聯網工程工作小組（IETF）工作草案的形式發布的。20世紀90年代，HTML得到了大幅發展，從2.0版、3.2版到4.0版，再到4.01版。HTML沒有1.0版本是因為當時有很多不同的版本。

3．HTML5介紹

HTML5指的是HTML的第5次修改版，也是目前最新版本的HTML，是基于各種全新的理念進行設計的，這些設計理念體現了對Web應用的可能性和可行性的新認識。

HTML5規范中新增了在移動設備上支持多媒體，為PC端和移動設備帶來無縫銜接的豐富內容。HTML5新的語法特征被引進以支持這一點，如video、audio和canvas標記。HTML5還引進了新的功能，可以真正改變用戶與文檔的交互方式，包括：

（1）改進了元素標簽。

（2）淘汰過時的或冗余的屬性。

（3）實現了離線編輯。

（4）新增了一系列API（Application Programming Interface，應用程序編程接口）配合JavaScript使用實現各種功能。

（5）具有更好的兼容性與容錯機制。

1.6.2　CSS簡介

1．CSS介紹

CSS是Cascading Style Sheets的縮寫，中文名稱為層疊樣式表。CSS是一種定義樣式結構如字體、顏色、位置等的語言。樣式規則可應用于網頁中元素，如文本段落或鏈接的格式化指令。樣式規則由一個或多個樣式屬性及其值組成。內部樣式直接放在網頁中，外部樣式表規則被放置在一個以.css作為文件擴展名的獨立的文檔中。無論哪一種方式，樣式表包含將樣式應用到指定類型的元素的規則。外部樣式表在使用時，網頁通過一個特殊標簽鏈接外部樣式表。

CSS能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。目前所有主流瀏覽器均支持層疊樣式表。

2．CSS的發展史

最早的CSS1.0版本是在1996年12月由W3C推出的，該版本提供了有關字體、顏色、對齊方式、邊框和位置樣式等屬性設置。1998年5月，W3C發布了CSS2.0版，CSS2.0新增了元素的定位屬性、新的字體屬性，如字體的陰影效果等。這是至今流行最廣、目前主流瀏覽器都采用的標準。2012年6月，CSS工作組公布了CSS3中五十多個模塊內容，其中4個模塊的規范標準已經作為正式版發布。

3．CSS3介紹

CSS3是CSS技術的第3版也是目前最新的一個版本。CSS3語言開發是朝著模塊化發展的。以前的規范作為一個模塊實在是太龐大而且比較復雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進來。這些模塊包括：盒子模型，列表模塊，超鏈接方式，語言模塊，背景和邊框，文字特效，多欄布局等。

CSS3在CSS2的基礎上對功能進行了擴展。其中新增了對網頁各類元素邊框、背景、文本和字體等內容的特效，還增加了動畫技術，可以不用腳本代碼就能實現網頁元素的動畫效果。CSS3的特點如下。

（1）完全向后兼容。原來基于CSS2設計的網頁無須修改即可正常顯示。設計者可以直接在CSS樣式表文件中添加CSS3的內容，即可更新頁面設計效果。

（2）模塊化的新增功能。新增了多列、選擇器、邊框與背景等功能。

（3）元素的變形和動畫效果。可以直接利用CSS對元素實現移動、旋轉、扭曲和縮放等效果。可以指定一個或多個元素在一定的時間范圍內按照規定的樣式進行變化。

1.6.3　JavaScript簡介

JavaScript一種輕量級的直譯式腳本語言。JavaScript通常用于為HTML網頁增加動態效果和功能。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，是廣泛用于客戶端的腳本語言。目前所有瀏覽器都支持JavaScript，無須額外安裝第三方插件。

JavaScript腳本語言具有以下特點。

（1）腳本語言。JavaScript是一種解釋型的腳本語言，不用事先編譯，可在程序的運行過程中逐行進行解釋執行。該語言適合非程序開發人員使用。

（2）基于對象。JavaScript是一種基于對象的腳本語言，它不僅可以創建對象，也能使用現有的對象。

（3）簡單。JavaScript語言中采用的是弱類型的變量類型，對使用的數據類型未做出嚴格的要求，是基于Java基本語句和控制的腳本語言，其設計簡單緊湊。

（4）動態性。JavaScript是一種采用事件驅動的腳本語言，它不需要經過Web服務器就可以對用戶的輸入做出響應。在訪問一個網頁時，鼠標在網頁中進行鼠標單擊或上下移、窗口移動等操作JavaScript都可直接對這些事件給出相應的響應。

（5）跨平臺性。JavaScript腳本語言不依賴于操作系統，僅需要瀏覽器的支持。JavaScript程序在編寫后可以在不同類型的操作系統中運行，適合PC、筆記本、平板電腦和手機等各類包含瀏覽器的設備。