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

2.1.3 HTML文件的基本結構 html

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

<HTML>

<HEAD>

<TITLE>網頁的標題</TITLE>

</HEAD>

<BODY>

文檔主體，正文部分

</BODY>

</HTML>


1.  HTML文件頭

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

META標記：給瀏覽器、搜索引擎或其他應用程序提供本HTML文件的有關信息（如作者，終止日期，關鍵詞列表等等）。

META標記的格式為：

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

name屬性主要用于描述網頁，其常用的選項有GENERATOR、Keywords、description、robots、author等。

GENERATOR用來說明制作本網頁所用的編輯工具，Keywords用來告訴搜索引擎本網頁的關鍵字是什么，description用來告訴搜索引擎本網頁的主要內容，robots用來告訴搜索機器人那些頁面需要索引，哪些頁面不需要索引，

author用來標注網頁的作者。

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

Content-Type用以說明網頁所使用的字符集；

Expires用于設定網頁的到期時間；一旦網頁過期，必須到服務器上重新傳輸；

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

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

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

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

<META  name=”description”  content=”This page is about the meaning of  science,  education,  culture 。”>告訴搜索引擎本網站的主要內容。

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

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

使用META標記，還可以在進入網頁或者離開網頁時實現動畫效果。

例如<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) ”>的意思是離開本網頁時，頁面將按圓形收縮的形式切換成其他網頁，并且整個切換時間為5秒。


2.  HTML文件主體

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

<BODY  backgrongd=”文件名”  bgcolor=”顏色值”  text=”顏色值”  link=”顏色值”  vlink=”顏色值”  alink=”顏色值”>網頁的內容</BODY>

Background：設置網頁的背景圖像；

Bgcolor：設置網頁的背景色；

Text：設置文本的顏色

Link：設置尚未被訪問過的超文本鏈接的顏色；

Vlink：設置已被訪問過的超文本鏈接的顏色；

Alink：設置超文本鏈接在被訪問瞬間的顏色。

顏色的表示方法

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

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

image.png

例2-1  一個簡單的HTML文件

<HTML>

<HEAD>

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

</HEAD>

<BODY>

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

</BODY>

</HTML>

image.png

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

相關視頻回答
回復(0)
返回頂部