1. 程式人生 > 其它 >HTML入門之HTML結構

HTML入門之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內:

(1)title標籤:定義網頁的標題
(2)meta標籤:定義網頁的特殊資訊供搜尋引擎檢視,包括頁面關鍵字、頁面描述等。meta標籤有兩個重要屬性:name和http-equiv。name屬性的取值如下:

屬性值說明
keyword網頁的關鍵字,可以是多個
description網頁的描述
author網頁的作者
copyright版權資訊

http-equiv屬性用於定義網頁所使用的編碼,定義網頁自動重新整理跳轉
(3)link標籤:用於引入CSS的外部樣式檔案
(4)style標籤:用於定義網頁中元素的CSS樣式
(5)script標籤:用於定義頁面的JavaScript程式碼,引入外部JavaScript檔案

(6)base標籤

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. //註釋內容//

二、程式設計題

  1. 不借助開發工具程式碼提示,默寫HTML基本結構。
<!DOCTYPE html>
<html>

 <head> 
 </head>
 
 <body> 
 </body>
 
</html>