- HTML+CSS網站開發兵書
- 高洪濤編著
- 850字
- 2019-01-01 07:01:13
1.3 認識HTML
超文本標記語言（Hyper Text Markup Language，HTML）是一種程序語言，它定義了一系列規則告訴瀏覽器如何顯示HTML的元素。含有HTML元素集合的文件，也就是網頁。網頁中的HTML元素也稱為源代碼，簡稱源碼。所以，網頁設計也就是HTML元素的編排。網頁HTML元素也稱為標簽。網頁要被瀏覽器識別，它的擴展名必須設置為html或htm。
1.3.1 創建HTML網頁
創建HTML網頁是一件很容易的事。把HTML標簽寫在記事本里，然后保存擴展名為.html或.htm文件。具體步驟如下。
（1）在Windows系統中，選擇“開始”→“所有程序”→“附件”→“記事本”命令，打開記事本。
（2）在記事本內輸入一段源碼，效果如圖1-14所示。
圖1-14 HTML源碼
（3）重新命名該記事本名稱，命名為1-1.html，這時會彈出對話框，如圖1-15所示，單擊“是”按鈕。
圖1-15 “重命名”對話框
（4）雙擊打開保存的文件，網頁效果如圖1-16所示。
圖1-16 網頁效果
1.3.2 HTML結構
通過上面的實例，讀者會發現編寫一個HTML網頁如此簡單。這是網頁中的源碼告訴瀏覽器應該如何進行顯示的，那么HTML結構又是怎樣的呢？實例中的源碼如下。
<html>
<head>
<title>
第一個網頁
</title>
</head>
<body>
時間好像一把尺子，它能衡量奮斗者前進的進程；
</body>
</html>
從源碼中可以看到，其中含有許多用“< >”符號括起來的地方，也就是HTML標簽。一般情況下是以“<標簽類型>”開始，以“</標簽類型>”結束，它們是成對出現的，如<body>…</body>，它們之間的內容就是在瀏覽器中顯示出來的內容。只有開始而沒有結束的，稱為單標簽，也稱空標簽，如<img>等。
一般HTML網頁是以<html>標簽開始，以</html>結束。<head>…</head>之間是網頁頭部，用來描述網頁的相關內容，如網頁標題、網頁語言和網頁內容簡述等。<title>…</title>之間是表示文檔的標題，顯示在瀏覽器的標題欄。<body>…</body>是網頁正文，是在瀏覽器中顯示出來供讀取的信息。基本的網頁結構如下。
<html>
<head>
網頁頭部
</head>
<body>
網頁正文
</body>
</html>
在了解了網頁的結構之后，讀者可以嘗試著用記事本創建一個簡單的網頁，進一步熟悉網頁源碼結構。除了用記事本創建網頁，還可以通過很多軟件來創建。這些軟件具有強大的編輯功能，Dreamweaver就是其中的一款。下面簡單介紹在Dreamweaver中創建HTML網頁。
注意：當打開一個頁面以后，可以單擊鼠標右鍵，彈出快捷菜單，然后單擊“源代碼”命令，可以查看網頁的源代碼。通過此方式可以學習他人優秀的代碼。