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

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

提問人:劉團圓發(fā)布時間:2020-11-03

<HTML>

<HEAD>

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

</HEAD>

<BODY>

文檔主體,正文部分

</BODY>

</HTML>


1.  HTML文件頭

TITLE 標記:<TITLE>標題名</TITLE>

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

META標記的格式為:

<META  name=”選項名”  http-equiv=”選項名”  content=”字符串”>

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

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

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

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

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

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

Refresh用于自動刷新并指向新頁面。

Name屬性和http-equiv屬性不能在同一個標記中使用。

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

<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字符集,是簡體中文網(wǎng)頁。

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

使用META標記,還可以在進入網(wǎng)頁或者離開網(wǎng)頁時實現(xiàn)動畫效果。

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

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


2.  HTML文件主體

HTML文件主體標記的格式為:

<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  一個簡單的HTML文件

<HTML>

<HEAD>

<TITLE>一個簡單的HTML示例</TITLE>

</HEAD>

<BODY>

我是中國人,我熱愛我的祖國。

</BODY>

</HTML>

image.png

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

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