HTML 語法教學之背景標籤

2021-03-31 20:17:53 字數 1326 閱讀 6538

【背景標籤】

說穿了,背景標籤只有這個標籤,其餘的效果,只要加上一些簡單的屬性便可做到。

使用方法:>

標籤解說:這個標籤其實應該老早就要講了,畢竟它是構成網頁不可或缺的基本要素之一(哎哎哎...現在放馬後炮有什麼用!)。我們背景顏色或的設定以及鏈結字型的顏色,通通都放在這標籤裡面。我就其屬性來一一解說:

背景顏色

用法:設定背景顏色。有人會說:『我已經設定了背景,那背景顏色還有用嗎?』當然有用!當使用者鏈結到貴站時,若背景圖案還沒傳輸完之前(有的背景圖蠻大的),就會先顯現背景顏色,您說,是不是比一片灰灰的好看多了呢!

原始碼bgcolor="#f9e6a2">

這裡是本文區

呈現結果

按下此處**結果

背景圖案

用法:g設定背景圖案。圖檔可以是jpg或gif格式的圖檔,我建議:圖檔不要太大,否則網頁載入會蠻慢的。

原始碼background="bg.jpg">

這裡是本文區

呈現結果

按下此處**結果

【內文、鏈結文字顏色設定】

使用方法:>

標籤解說:用字型標籤中的顏色屬性,可以設定文字的顏色,不過,卻沒有提到文字的顏色內定值該如何修改,這個標籤中,便有設定內文、鏈結等文字的顏色內定值功能。用法如下:

內文顏色

用法:設定一般文字顏色,也就是說,若沒有特別去設定文字顏色的話,瀏覽器就會自動顯現您所設定的顏色。

原始碼text="#0906a2">

這裡是本文區

呈現結果

按下此處**結果

鏈結顏色

用法:設定「鏈結」的顏色。只要是有鏈結的地方就會出現你指定的顏色,當然,如果按下鏈結後,那又會變成另乙個顏色了,這底下會說明。

原始碼link="#ff6600">

鏈結文字

呈現結果

按下此處**結果

(設定鏈結為橘色)

鏈結時顏色

用法:設定「按下鏈結」的顏色,也就是當您滑鼠按下那鏈結的瞬間所呈現的顏色。

原始碼alink="#0099ff">

鏈結中文字

呈現結果

按下此處**結果

(滑鼠點下鏈結瞬間才會出現我們設定的淺藍色)

已鏈結顏色

用法:設定「按下鏈結後」的顏色,也就是如果該鏈結已經有被按過了,那麼就會呈現的顏色。如此的做法,是要讓使用者容易識別到底哪些鏈結有去過了,哪些沒去過。

原始碼vlink="red">

鏈結文字

呈現結果

按下此處**結果

(設定已執行過的鏈結以紅色顯示)

HTML 語法教學之字型標籤

標題標籤 使用方法 標籤解說 標題的大小一共有六種,兩個標籤一組,也就是從 標題四標題四 標題五標題五 標題六標題六 設定字型大小標籤 使用方法 文字內容 標籤解說 標題的大小一共有七種,也就是 最小 到 最大 另外,還有一種寫法 文字內容 其意思就是說 比預設字大一級。當然也可以 font siz...

HTML 語法教學之序列標籤

無序標籤 序列標籤基本上可分為兩種,一種是 無序條列 一種是 有序條列 所謂 無序條列 當然就是意指各條列間並無順序關係,純粹只是利用條列式方法來呈現資料而已,此種無序標籤,在各條列前面均有一符號以示區隔。至於 有序條列 就是指各條列之間是有順序的,從1 2 3 一直延伸下去。我們先來看看 無序列表...

HTML 4 0 語法教學 筆記2 標籤

html 4.0 語法教學 筆記2 筆記 分隔標籤 換行標籤 單標籤 分段標籤 分隔線標籤 單標籤 color ff8000 有顏色的分隔線 width 240 寬度為240px的分隔線 寬度為50 的分隔線 size 5 厚度為5的分隔線 align right 右對齊的分隔線 align 水平對...