官术网_书友最值得收藏!

1.2.2 第一個HTML頁面

V1-5 第一個HTML頁面-1

HTML頁面是由純文本構成的,可以使用記事本來編輯一個HTML頁面。下面介紹一個最基本的HTML頁面如何實現,如圖1-2所示。

圖1-2 第一個HTML頁面

先打開記事本,將如上文本內容輸入,然后保存為后綴名為.html的文件,這樣,HTML頁面即開發完成。雙擊這個HTML文件,用默認的瀏覽器打開,即可看到運行結果如圖1-3所示,一個最簡單且結構完整的HTML網頁就此完成。

圖1-3 HTML頁面的顯示效果

通過本章內容的學習,能夠讓讀者盡快找到學習的樂趣,同時開發出比較專業的網站,要達到這樣的效果,有必要了解上述代碼代表的意思。

1.<!DOCTYPE>聲明

<!DOCTYPE>聲明有助于瀏覽器正確顯示網頁。網絡上有很多不同的文件,只有正確聲明HTML的版本,瀏覽器才能正確顯示網頁內容。DOCTYPE聲明是不區分大小寫的以下書寫方式均可。

2.<html>標簽

標簽<html>與</html>表明了文檔類型,表明這是一個按照HTML規范來書寫的HTML文檔。

3.<head>標簽

標簽<head>與</head>之間的內容主要用于描述頁面的頭部信息,包括但不限于頁面設置、標題、CSS樣式屬性、JavaScript代碼等。

4.<meta>標簽

<meta>標簽主要用于設置頁面的基礎元信息,比如此處設置頁面的編碼格式為UTF-8(即全球統一文本編碼),如果不明確指定編碼格式,瀏覽器很有可能將中文處理為亂碼。除了設置為UTF-8編碼外,也可以設置為GB2312、GBK、GB18030等中文國標編碼,這三者都對中文有很好的支持。但是通常現在的網站都比較國際化,設置為UTF-8更加通用,兼容性也更好。<meta>標簽除了可以設置編碼格式外,還可以設置更多其他屬性,具體如下。

5.<title>標簽

V1-6 第一個HTML頁面-2

<title>標簽只用于設置頁面的標題。

6.<body>標簽

<body>標簽應該說是網頁中最為重要的標簽,主要用于展示網頁的內容,理論上來說,網頁的全部內容都必須包含在<body>標簽中。<body>標簽的作用相當于瀏覽器的內容展示區域,算是一個最大的內容容器,里面可以包含任何其他用于展示網頁內容的標簽。

7.網頁注釋

V1-7 WebStorm開發環境

在HTML頁面中,<!--和-->是特殊標記,用于標注網頁內容的注釋部分。注釋的主要作用是對代碼進行解釋。注釋不會被瀏覽器解析和執行,主要是給開發人員做參考,所以注釋部分的內容不會顯示在瀏覽器中。

主站蜘蛛池模板: 正定县| 黎城县| 固镇县| 伊宁市| 公主岭市| 成都市| 谷城县| 岗巴县| 南充市| 鹤山市| 介休市| 凤庆县| 永新县| 长岭县| 特克斯县| 鄂托克旗| 阿尔山市| 明光市| 盐山县| 嘉义市| 鄂尔多斯市| 会泽县| 旌德县| 乾安县| 荆门市| 西吉县| 年辖:市辖区| 凤台县| 安达市| 漳州市| 徐闻县| 嵊泗县| 东乡县| 阳高县| 沙田区| 恩施市| 克山县| 昌都县| 宁乡县| 新龙县| 泽普县|