網頁設計頁面製作需要知道的HTML基本標籤?

Tags: 網頁, 頁面, 標籤,

在此教程中,下面達內數字藝術學院網頁設計培訓部老師(WEB前端開發培訓的導師)先講一下Html的4個基本標籤:

1.

2.

3.

4.

1.

標誌用於Html文件的最前邊,用來標識Html文件的開始。而標誌恰恰相反,它放在Html文件的最後邊,用來標識Html文件的結束,兩個標誌必須一塊使用。

2.

和構成Html文件的開頭部分,在此標誌對之間可以使用等等標誌對,這些標誌對都是描述Html文件相關資訊的標誌對,標誌對之間的內容是不會在瀏覽器的框內顯示出來的。兩個標誌必須一塊使用。

3.

是Html文件的主體部分,在此標誌對之間可包含



等等眾多的標誌,它們所定義的文字、影象等將會在瀏覽器的框內顯示出來。兩個標誌必須一塊使用。標誌中還可以有以下屬性:

屬性、用途、例項

設定背景顏色。 紅色背景

設定文字顏色。 藍色文字

設定連結顏色。 連結為藍色

設定已使用的連結的顏色。

設定正在被擊中的連結的顏色

說明:以上各個屬性可以結合使用,如。引號內的rrggbb是用六個十六進位制數表示的RGB(即紅、綠、藍三色的組合)顏色,如#ff0000對應的是紅色。此外,還可以使用Html語言所給定的常量名來表示顏色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如表示標誌對中的文字使用藍色顯示在瀏覽器的

框內。

4.

使用過瀏覽器的人可能都會注意到瀏覽器視窗最上邊藍色部分顯示的文字資訊,那些資訊一般是網頁的“主題”,要將您的網頁的主題顯示到瀏覽器的頂部其實很簡單,只要在標誌對之間加入您要顯示的文字即可。注意:標誌對只能放在標誌對之間。

下面是一個綜合的例子,仔細閱讀,您便可以瞭解以上各個標籤在一個Html文件中的正確使用方法了。

例1 Html文件中基本標籤的使用:

顯示在瀏覽器最上邊藍色條中的文字

紅色背景、藍色文字

說明:如果你從沒接觸html,不知怎樣實現這個例子,可以這樣做:

1.單擊"開始"→"程式"→"附件"→"記事本"

2.將上方的藍色html程式碼輸入記事本中,單擊記事本的"檔案"選單,選"儲存"命令.

3.在彈出的"儲存"對話方塊中,"儲存位置"我們選D:盤,檔名我們輸入abc.htm或abc.html(注意:記事本預設的副檔名是.txt,這裡一定要改成.htm或.html),下方的"儲存型別"列表框中選"所有檔案",單擊"儲存"按鈕.

4.在瀏覽器中開啟我們儲存的檔案,即可。

相關問題答案