DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> Html教程(一)-基本標志
Html教程(一)-基本標志
編輯:關於HTML     

Html是英文 HyperText Markup Language 的縮寫,中文意思是“超文本標志語言”,用它編寫的文件(文檔)的擴展名是.html或.htm,它們是可供浏覽器解釋浏覽的文件格式。您可以使用記事本、寫字板FrontPage Editor 等編輯工具來編寫Html文件。Html語言使用標志對的方法編寫文件,既簡單又方便,它通常使用<標志名></標志名>來表示標志的開始和結束(例如<html></html>標志對),因此在Html文檔中這樣的標志對都必須是成對使用的。在此教程中,我先講一下Html的基本標志:

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.在彈出的"保存"對話框中,"保存位置"我們選C:盤,文件名我們輸入abc.htm(注意:記事本默認的擴展名是.txt,這裡一定要改成.htm),下方的"保存類型"列表框中選"所有文件",單擊"保存"按鈕.

4.好了,現在我們關掉記事本,打開C:,就會看到一個名為abc.htm的html文件,這就是我們剛才保存了.雙擊打開它,就會啟動浏覽器.

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved