2.1.3 HTML文件的基本結(jié)構(gòu) html
<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。
例2-1 一個(gè)簡(jiǎn)單的HTML文件
<HTML>
<HEAD>
<TITLE>一個(gè)簡(jiǎn)單的HTML示例</TITLE>
</HEAD>
<BODY>
我是中國人,我熱愛我的祖國。
</BODY>
</HTML>
點(diǎn)擊加載更多評(píng)論>>