位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

2.1.3 HTML文件的基本結(jié)構(gòu) html

提問人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-03

<HTML>

<HEAD>

<TITLE>網(wǎng)頁的標(biāo)題</TITLE>

</HEAD>

<BODY>

文檔主體,正文部分

</BODY>

</HTML>


1.  HTML文件頭

TITLE 標(biāo)記:<TITLE>標(biāo)題名</TITLE>

META標(biāo)記:給瀏覽器、搜索引擎或其他應(yīng)用程序提供本HTML文件的有關(guān)信息(如作者,終止日期,關(guān)鍵詞列表等等)。

META標(biāo)記的格式為:

<META  name=”選項(xiàng)名”  http-equiv=”選項(xiàng)名”  content=”字符串”>

name屬性主要用于描述網(wǎng)頁,其常用的選項(xiàng)有GENERATOR、Keywords、description、robots、author等。

GENERATOR用來說明制作本網(wǎng)頁所用的編輯工具,Keywords用來告訴搜索引擎本網(wǎng)頁的關(guān)鍵字是什么,description用來告訴搜索引擎本網(wǎng)頁的主要內(nèi)容,robots用來告訴搜索機(jī)器人那些頁面需要索引,哪些頁面不需要索引,

author用來標(biāo)注網(wǎng)頁的作者。

http-equiv屬性相當(dāng)于http的文件頭作用,它可以向?yàn)g覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁內(nèi)容,其常用的選項(xiàng)有Content-Type、Expires、Refresh等等。

Content-Type用以說明網(wǎng)頁所使用的字符集;

Expires用于設(shè)定網(wǎng)頁的到期時(shí)間;一旦網(wǎng)頁過期,必須到服務(wù)器上重新傳輸;

Refresh用于自動(dòng)刷新并指向新頁面。

Name屬性和http-equiv屬性不能在同一個(gè)標(biāo)記中使用。

Content屬性則根據(jù)name選項(xiàng)或http-equiv選項(xiàng)的定義來決定此項(xiàng)填寫什么樣的字符串。例如:

<META name=”keywords”  content=”science, education, culture, politics, economics, relationships, entertainment, human”>向搜索引擎說明本網(wǎng)頁的關(guān)鍵詞。

<META  name=”description”  content=”This page is about the meaning of  science,  education,  culture ?!?gt;告訴搜索引擎本網(wǎng)站的主要內(nèi)容。

<META  http-equiv=”Content-Type” content=”text/html” charset=”gb_2312-80”> 通知瀏覽器本HTML文件使用了gb2312字符集,是簡(jiǎn)體中文網(wǎng)頁。

<META  http-equiv=”Refresh” content=”2” url=”http://www.ncbuct.edu.cn”>可以使當(dāng)前網(wǎng)頁在2秒后自動(dòng)轉(zhuǎn)到北京化工大學(xué)北方學(xué)院的主頁(http://www.ncbuct.edu.cn) 去,這就是META的刷新作用,在Content中,2代表設(shè)置的時(shí)間(單位為秒),而URL就是在指定的時(shí)間后自動(dòng)連接的網(wǎng)頁地址。如果網(wǎng)頁地址就是本頁的地址,那么就是自動(dòng)刷新。

使用META標(biāo)記,還可以在進(jìn)入網(wǎng)頁或者離開網(wǎng)頁時(shí)實(shí)現(xiàn)動(dòng)畫效果。

例如<META  http-equiv=”Page-Enter” content=”revealTrans  (duration=5, transition=9) ”>的意思是,進(jìn)入本頁面(http-equiv=”Page-Enter”)時(shí),頁面將按水平百葉窗(transition=9)的形式展開,整個(gè)展開過程歷時(shí)3秒(duration=3)。

<META  http-equiv=”Page-Exit” content=”revealTrans (duration=5,transition=2) ”>的意思是離開本網(wǎng)頁時(shí),頁面將按圓形收縮的形式切換成其他網(wǎng)頁,并且整個(gè)切換時(shí)間為5秒。


2.  HTML文件主體

HTML文件主體標(biāo)記的格式為:

<BODY  backgrongd=”文件名”  bgcolor=”顏色值”  text=”顏色值”  link=”顏色值”  vlink=”顏色值”  alink=”顏色值”>網(wǎng)頁的內(nèi)容</BODY>

Background:設(shè)置網(wǎng)頁的背景圖像;

Bgcolor:設(shè)置網(wǎng)頁的背景色;

Text:設(shè)置文本的顏色

Link:設(shè)置尚未被訪問過的超文本鏈接的顏色;

Vlink:設(shè)置已被訪問過的超文本鏈接的顏色;

Alink:設(shè)置超文本鏈接在被訪問瞬間的顏色。

顏色的表示方法

以命名方式定義常用的顏色,如RED、blue等。

以RGB值表示,如#FF0000表示red,#0000ff表示blue。

image.png

例2-1  一個(gè)簡(jiǎn)單的HTML文件

<HTML>

<HEAD>

<TITLE>一個(gè)簡(jiǎn)單的HTML示例</TITLE>

</HEAD>

<BODY>

我是中國(guó)人,我熱愛我的祖國(guó)。

</BODY>

</HTML>

image.png

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部