1、在當今社會中，網絡已成為人們生活的一部分，網頁設計技術已成為學習計算機的重要內容之一。目前大部分網頁都采用可視化網頁編輯軟件來制作的，但是無論采用哪一種網頁編輯軟件，最后都是將所設計的網頁轉化為HTML。HTML是搭建網頁的基礎語言，如果不了解HTML，就不能靈活地實現想要的網頁效果。本章就來介紹HTML的基本概念和編寫方法以及瀏覽HTML文件的方法，使讀者對HTML有個初步的了解，從而為后面的學習打下基礎。了解HTML的基本概念掌握HTML文件的編寫方法 掌握使用瀏覽器瀏覽HTML文件 HTML的英文全稱是Hyper Text Markup Language，它是網頁超文本標記語言，也是全球

2、廣域網上描述網頁內容和外觀的標準。1.1.1 1.1.1 H HTMLTML簡介簡介HTML作為一款標記語言，本身不能顯示在瀏覽器中。標記語言經過瀏覽器的解釋和編譯，才能正確地反映HTML標記語言的內容。HTML從1.0到5.0經歷了巨大的變化，從單一的文本顯示功能到多功能互動，許多特性經過多年的完善，已經成為了一款非常成熟的標記語言。完整的HTML文件包括標題、段落、列表、表格以及各種嵌入對象，這些對象統稱為HTML元素。1.1.2 HTML1.1.2 HTML文件的基本結構文件的基本結構HTML定義了以下3種標記，用于描述頁面的整體結構。：告知瀏覽器文檔所使用的HTML規范。標記：它放在H

3、TML的開頭，表示網頁文檔的開始。標記：出現在文檔的起始部分，標明文檔的頭部信息，一般包括標題和主題信息，其結束標記指明文檔標題部分的結束。1.1.3 1.1.3 認識認識H HTMLTML標標記記HTML文件的編寫方法有兩種，一種是利用記事本編寫；另一種是在Dreamweaver中編寫HTML代碼 。HTML是一款以文字為基礎的語言，并不需要什么特殊的開發環境，可以直接在Windows自帶的記事本中編寫。HTML文檔以.html為擴展名，將HTML源代碼輸入到記事本并保存之后，可以在瀏覽器中打開文檔以查看其效果 。1.2.1 1.2.1 使用記事本手工編寫使用記事本手工編寫H HTMLTML

4、1.2.2 1.2.2 使用使用D Dreamweaverreamweaver編寫編寫HTMLHTML文件文件使用Dreamweaver創建HTML文件，具體操作步驟如下 。1.3.1 1.3.1 查看網頁效果查看網頁效果打開index.htm文件，在IE瀏覽器窗口中可以看到編輯的HTML頁面效果。1.3.2 1.3.2 查看源文件查看源文件在頁面空白處，單擊鼠標右鍵，在彈出的快捷菜單中選擇【查看源文件】選項；在頁面空白處，單擊一次鼠標左鍵，按下鍵盤上最下邊一行的【右鍵】快捷鍵，選擇【查看源文件】選項；在瀏覽器菜單欄上，選擇【查看】|【源文件】命令，可以查看源文件。1.4經典習題1.1.填空題

5、填空題（1）標記符通常都是成對使用，有一個_和一個_。結束標記只是在開頭標記的前面加一個_。當瀏覽器收到HTML文件后，就會解釋里面的標記符，然后把標記符相對應的功能表達出來。（2）HTML是超文本標記語言，主要通過各種標記來標示和排列各對象，通常由尖括號_、_以及其中所包含的標記元素組成 。2. 操作題（1）用IE瀏覽器打開網上的任意一個網頁，選擇“查看”|“源文件”命令，在打開的記事本中查看各代碼，并試著與瀏覽器中的內容進行對照。（2）分別利用記事本和Dreamweaver創建一個簡單的HTML網頁 。人有了知識，就會具備各種分析能力，明辨是非的能力。所以我們要勤懇讀書，廣泛閱讀，古人說“書中自有黃金屋。”通過閱讀科技書籍，我們能豐富知識，培養邏輯思維能力；通過閱讀文學