2.1.3 HTML文件的基本結(jié)構(gòu) html
<HTML>
<HEAD>
<TITLE>網(wǎng)頁(yè)的標(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)頁(yè),其常用的選項(xiàng)有GENERATOR、Keywords、description、robots、author等。
GENERATOR用來(lái)說(shuō)明制作本網(wǎng)頁(yè)所用的編輯工具,Keywords用來(lái)告訴搜索引擎本網(wǎng)頁(yè)的關(guān)鍵字是什么,description用來(lái)告訴搜索引擎本網(wǎng)頁(yè)的主要內(nèi)容,robots用來(lái)告訴搜索機(jī)器人那些頁(yè)面需要索引,哪些頁(yè)面不需要索引,
author用來(lái)標(biāo)注網(wǎng)頁(yè)的作者。
http-equiv屬性相當(dāng)于http的文件頭作用,它可以向?yàn)g覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容,其常用的選項(xiàng)有Content-Type、Expires、Refresh等等。
Content-Type用以說(shuō)明網(wǎng)頁(yè)所使用的字符集;
Expires用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間;一旦網(wǎng)頁(yè)過(guò)期,必須到服務(wù)器上重新傳輸;
Refresh用于自動(dòng)刷新并指向新頁(yè)面。
Name屬性和http-equiv屬性不能在同一個(gè)標(biāo)記中使用。
Content屬性則根據(jù)name選項(xiàng)或http-equiv選項(xiàng)的定義來(lái)決定此項(xiàng)填寫什么樣的字符串。例如:
<META name=”keywords” content=”science, education, culture, politics, economics, relationships, entertainment, human”>向搜索引擎說(shuō)明本網(wǎng)頁(yè)的關(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)頁(yè)。
<META http-equiv=”Refresh” content=”2” url=”http://www.ncbuct.edu.cn”>可以使當(dāng)前網(wǎng)頁(yè)在2秒后自動(dòng)轉(zhuǎn)到北京化工大學(xué)北方學(xué)院的主頁(yè)(http://www.ncbuct.edu.cn) 去,這就是META的刷新作用,在Content中,2代表設(shè)置的時(shí)間(單位為秒),而URL就是在指定的時(shí)間后自動(dòng)連接的網(wǎng)頁(yè)地址。如果網(wǎng)頁(yè)地址就是本頁(yè)的地址,那么就是自動(dòng)刷新。
使用META標(biāo)記,還可以在進(jìn)入網(wǎng)頁(yè)或者離開(kāi)網(wǎng)頁(yè)時(shí)實(shí)現(xiàn)動(dòng)畫效果。
例如<META http-equiv=”Page-Enter” content=”revealTrans (duration=5, transition=9) ”>的意思是,進(jìn)入本頁(yè)面(http-equiv=”Page-Enter”)時(shí),頁(yè)面將按水平百葉窗(transition=9)的形式展開(kāi),整個(gè)展開(kāi)過(guò)程歷時(shí)3秒(duration=3)。
<META http-equiv=”Page-Exit” content=”revealTrans (duration=5,transition=2) ”>的意思是離開(kāi)本網(wǎng)頁(yè)時(shí),頁(yè)面將按圓形收縮的形式切換成其他網(wǎng)頁(yè),并且整個(gè)切換時(shí)間為5秒。
2. HTML文件主體
HTML文件主體標(biāo)記的格式為:
<BODY backgrongd=”文件名” bgcolor=”顏色值” text=”顏色值” link=”顏色值” vlink=”顏色值” alink=”顏色值”>網(wǎng)頁(yè)的內(nèi)容</BODY>
Background:設(shè)置網(wǎng)頁(yè)的背景圖像;
Bgcolor:設(shè)置網(wǎng)頁(yè)的背景色;
Text:設(shè)置文本的顏色
Link:設(shè)置尚未被訪問(wèn)過(guò)的超文本鏈接的顏色;
Vlink:設(shè)置已被訪問(wèn)過(guò)的超文本鏈接的顏色;
Alink:設(shè)置超文本鏈接在被訪問(wèn)瞬間的顏色。
顏色的表示方法
以命名方式定義常用的顏色,如RED、blue等。
以RGB值表示,如#FF0000表示red,#0000ff表示blue。
例2-1 一個(gè)簡(jiǎn)單的HTML文件
<HTML>
<HEAD>
<TITLE>一個(gè)簡(jiǎn)單的HTML示例</TITLE>
</HEAD>
<BODY>
我是中國(guó)人,我熱愛(ài)我的祖國(guó)。
</BODY>
</HTML>
點(diǎn)擊加載更多評(píng)論>>