在此教程中,我先講一下Html的4個基本標簽:
1.<html></html>
2.<head></head>
3.<body></body>
4.<title></title>
1.<html></html>
<html>標志用於Html文檔的最前邊,用來標識Html文檔的開始。而</html>標志恰恰相反,它放在Html文檔的最後邊,用來標識Html文檔的結束,兩個標志必須一塊使用。
2.<head></head>
<head>和</head>構成Html文檔的開頭部分,在此標志對之間可以使用<title></title>、<script></script>等等標志對,這些標志對都是描述Html文檔相關信息的標志對,<head></head>標志對之間的內容是不會在浏覽器的框內顯示出來的。兩個標志必須一塊使用。
3.<body></body>
<body></body>是Html文檔的主體部分,在此標志對之間可包含<p>、</p>、 <h1>、</h1>、<br>、<hr>等等眾多的標志,它們所定義的文本、圖像等將會在浏覽器的框內顯示出來。兩個標志必須一塊使用。<body>標志中還可以有以下屬性:
屬性 用途 實例
<body bgcolor="#rrggbb"> 設置背景顏色。 <body bgcolor="red">紅色背景
<body text="#rrggbb"> 設置文本顏色。 <body text="#0000ff">藍色文本
<body link="#rrggbb"> 設置鏈接顏色。 <body link="blue">鏈接為藍色
<body vlink="#rrggbb"> 設置已使用的鏈接的顏色。 <body vlink="#ff0000">
<body alink="#rrggbb"> 設置正在被擊中的鏈接的顏色 <body alink="yellow">
說明:以上各個屬性可以結合使用,如<body bgcolor="red" text="#0000ff">。引號內的rrggbb是用六個十六進制數表示的RGB(即紅、綠、藍三色的組合)顏色,如#ff0000對應的是紅色。此外,還可以使用Html語言所給定的常量名來表示顏色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如<body text="Blue">表示<body></body>標志對中的文本使用藍色顯示在浏覽器的
框內。
4.<title></title>
使用過浏覽器的人可能都會注意到浏覽器窗口最上邊藍色部分顯示的文本信息,那些信息一般是網頁的“主題”,要將您的網頁的主題顯示到浏覽器的頂部其實很簡單,只要在<title></title>標志對之間加入您要顯示的文本即可。注意:<title></title>標志對只能放在<head></head>標志對之間。
下面是一個綜合的例子,仔細閱讀,您便可以了解以上各個標簽在一個Html文檔中的正確使用方法了。
例1 Html文檔中基本標簽的使用:
<html>
<head>
<title>顯示在浏覽器最上邊藍色條中的文本</title>
</head>
<body bgcolor="red" text="blue">
<p>紅色背景、藍色文本</p>
</body>
</html>
說明:如果你從沒接觸html,不知怎樣實現這個例子,可以這樣做:
1.單擊"開始"→"程序"→"附件"→"記事本"
2.將上方的藍色html代碼輸入記事本中,單擊記事本的"文件"菜單,選"保存"命令.
3.在彈出的"保存"對話框中,"保存位置"我們選D:盤,文件名我們輸入abc.htm或abc.html(注意:記事本默認的擴展名是.txt,這裡一定要改成.htm或.html),下方的"保存類型"列表框中選"所有文件",單擊"保存"按鈕.
4.在浏覽器中打開我們保存的文件,即可。