HTML入門之HTML結構
一、HTML定義
HTML全稱“Hyper Text Markup Language(超文字標記語言)”,是網頁的標準語言。HTML並不是一門程式語言,而是一門描述性的標記語言。
二、HTML基本結構
一個HTML頁面由以下4個部分組成:
(1)文件宣告:
表示這是一個HTML頁面
(2)html標籤對:
告訴瀏覽器,頁面的開始和結束
(3)head標籤對:
網頁的“頭部”定義一些特殊內容,如頁面標題、定時重新整理、外部檔案等
(4)body標籤對:
網頁的“身體”,網頁的主體部分在這裡編寫
三、HTML基本標籤
1.head標籤
一般來說,只有以下6個標籤能放在head內:
(2)meta標籤:定義網頁的特殊資訊供搜尋引擎檢視,包括頁面關鍵字、頁面描述等。meta標籤有兩個重要屬性:name和http-equiv。name屬性的取值如下:
屬性值 | 說明 |
---|---|
keyword | 網頁的關鍵字,可以是多個 |
description | 網頁的描述 |
author | 網頁的作者 |
copyright | 版權資訊 |
http-equiv屬性用於定義網頁所使用的編碼,定義網頁自動重新整理跳轉
(3)link標籤:用於引入CSS的外部樣式檔案
(4)style標籤:用於定義網頁中元素的CSS樣式
(5)script標籤:用於定義頁面的JavaScript程式碼,引入外部JavaScript檔案
2.body標籤
body標籤表示頁面的“身體”,body標籤中可以包含的標籤包括:
(1)標題標籤h1~h6
(2)段落標籤p
(3)各類文字標籤
(4)div標籤
(5)水平線標籤hr
(6)各類自閉合標籤
3.HTML註釋
HTML註釋符號為:
四、相關習題
一、單選題
1.下面哪一個標籤不能放在head標籤內?( C )
A. title標籤
B. style標籤
C. body標籤
D. script標籤
2.如果網頁中出現亂碼,我們一般使用( A )來解決。
A. <meta charset="utf-8" />
B.<style type="text/css"></style>
C.
<script></script>
D.
<link type="text/css" rel="stylesheet" href="css/index.css">
3.下面選項中,屬於HTML正確註釋方式是( C )。
A. //註釋內容
B. /註釋內容/
C. <!- -註釋內容- ->
D. //註釋內容//
二、程式設計題
- 不借助開發工具程式碼提示,默寫HTML基本結構。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>