一、基本標(biāo)志
1.<html></html>
2.<head></head>
3.<body></body>
4.<title></title>
Html是英文 HyperText Markup Language 的縮寫,中文意思是“超文本標(biāo)志語言”,用它編寫的文件(文檔)的擴(kuò)展名是.html或.htm,它們是可供瀏覽器解釋瀏覽的文件格式。您可以使用記事本、寫字板或 FrontPage Editor 等編輯工具來編寫Html文件。Html語言使用標(biāo)志對的方法編寫文件,既簡單又方便,它通常使用<標(biāo)志名></標(biāo)志名>來表示標(biāo)志的開始和結(jié)束(例如<html></html>標(biāo)志對),因此在Html文檔中這樣的標(biāo)志對都必須是成對使用的。在此教程中,我先講一下Html的基本標(biāo)志:
1.<html></html>
<html>標(biāo)志用于Html文檔的最前邊,用來標(biāo)識Html文檔的開始。而</html>標(biāo)志恰恰相反,它放在Html文檔的最后邊,用來標(biāo)識Html文檔的結(jié)束,兩個(gè)標(biāo)志必須一塊使用。
2.<head></head>
<head>和</head>構(gòu)成Html文檔的開頭部分,在此標(biāo)志對之間可以使用<title></title>、<script></script>等等標(biāo)志對,這些標(biāo)志對都是描述Html文檔相關(guān)信息的標(biāo)志對,<head></head>標(biāo)志對之間的內(nèi)容是不會在瀏覽器的框內(nèi)顯示出來的。兩個(gè)標(biāo)志必須一塊使用。
3.<body></body>
<body></body>是Html文檔的主體部分,在此標(biāo)志對之間可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等眾多的標(biāo)志,它們所定義的文本、圖像等將會在瀏覽器的框內(nèi)顯示出來。兩個(gè)標(biāo)志必須一塊使用。<body>標(biāo)志中還可以有以下屬性:
屬性 | 用途 | 示例 |
<body bgcolor="#rrggbb"> | 設(shè)置背景顏色。 | <body bgcolor="red">紅色背景 |
<body text="#rrggbb"> | 設(shè)置文本顏色。 | <body text="#0000ff">藍(lán)色文本 |
<body link="#rrggbb"> | 設(shè)置鏈接顏色。 | <body link="blue">鏈接為藍(lán)色 |
<body vlink="#rrggbb"> | 設(shè)置已使用的鏈接的顏色。 | <body vlink="#ff0000"> |
<body alink="#rrggbb"> | 設(shè)置正在被擊中的鏈接的顏色。 | <body alink="yellow"> |
說明:以上各個(gè)屬性可以結(jié)合使用,如<body bgcolor="red" text="#0000ff">。引號內(nèi)的rrggbb是用六個(gè)十六進(jìn)制數(shù)表示的RGB(即紅、綠、藍(lán)三色的組合)顏色,如#ff0000對應(yīng)的是紅色。此外,還可以使用Html語言所給定的常量名來表示顏色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如<body text="Blue">表示<body></body>標(biāo)志對中的文本使用藍(lán)色顯示在瀏覽器的框內(nèi)。 |
4.<title></title>
使用過瀏覽器的人可能都會注意到瀏覽器窗口最上邊藍(lán)色部分顯示的文本信息,那些信息一般是網(wǎng)頁的“主題”,要將您的網(wǎng)頁的主題顯示到瀏覽器的頂部其實(shí)很簡單,只要在<title></title>標(biāo)志對之間加入您要顯示的文本即可。注意:<title></title>標(biāo)志對只能放在<head></head>標(biāo)志對之間。
下面是一個(gè)綜合的例子,仔細(xì)閱讀,您便可以了解以上各個(gè)標(biāo)志對在一個(gè)Html文檔中的布局或所使用的位置。
例1 Html文檔中基本標(biāo)志的使用
<html>
<head>
<title>顯示在瀏覽器最上邊藍(lán)色條中的文本</title>
</head>
<body bgcolor="red" text="blue">
<p>紅色背景、藍(lán)色文本</p>
</body>
</html>