第三篇
HTML教學
第二節
文字與顏色
標籤的屬性格式解說
標籤《
Tags
》
簡單說就是命令,標籤一定是由合法的英文組成而且必須是被大於
<
與小於
>
包裹起來的,文件內容本身不會任意變化,要讓文件內容有所改變,就得使用各種不同標籤與屬性。
HTML 語法
<
HTML
>
、
<
HEAD
>
......。
標籤名稱
各種不同的標籤名稱,代表者不同的控制功能。
生活實例
例如:日常生活中常見的
帽子
、
衣服
、
褲子
、
鞋子
..等等,代表者不同的使用功能(具)。
HTML
語法
<
HTML
>、<
HEAD
>、<
TITLE
>、<
BR
>、<
CENTER
>..等等,代表者不同的變化功能(作用)。
屬性《
Attributes
》
大部份的
控制標籤
,都須要加些相關
屬性
來強調或改變它,讓它的功能變的更明確。
生活實例
例如:甚麼
顏色
的
帽子
、甚麼
廠牌
的
衣服
、甚麼
尺寸
的
褲子
,我們會以它的
顏色
、
廠牌
、
尺寸
...等等,用《
屬性
》來強調他,讓它更明確的區分出來。
HTML
語法
<
IMG
SRC
=" ">、<
HR
SIZE
=" "
WIDTH
=" ">、<
BODY
BGCOLOR
=" ">...
。
屬性值《
Value
》
光有這些
屬性
上的描述,恐怕還是無法獲得很完整的功能說明,因此我們再給他更明確的
屬性值
。
生活實例
例如:
白
色
的
帽子
、
三槍
牌
的
衣服
、
XL
尺寸
的
褲子
,有了
屬性值
,這樣是不是說明的更明確?
HTML
語法
<
IMG
SRC
="
xxxxx
">、<
HR
SIZE
="
N
"
WIDTH
="
xx%
">、<
BODY
BGCOLOR
="
xxxxx
">...
。
請注意:
以上這些標籤,我們後面都會逐一的介紹到
現在,您只要知道這個觀念及相關位置便行。
請注意:
以上這些標籤,我們後面都會逐一的介紹到
現在,您只要知道這個觀念及相關位置便行。
我們可以這樣說:
HTML
語法,就是由標籤名稱(
Tags Name
)、屬性(
Attributes
)、屬性值(
Value
)
三者所組成。
標籤名稱(
Tags Name
) 屬性(
Attributes
) 屬性值(
Value
) 三者間都必須空一格,且在大於
<
及小於
>
的符號之內。
以下就其相關制定規則,舉例詳細介紹,希望能增進您對
標籤
用法有進一步認知。
控制
標籤
可分為
對稱型
標籤
與
非對稱型
標籤
兩大類型。
對稱型
標籤
對稱型
標籤
是指兩個相同標籤相互包覆某個文字或物件,由宣告開始至宣告結束為止。
標籤語法
<TITLE>
標題文字
</TITLE>
非對稱型
標籤
非對稱型
標籤
是指只要自己本身一個單獨標籤,就可獨立產生作用,不需宣告結束標籤。
標籤語法
換行文字
<Br>
換行文字
關於標籤的
屬性
,又可分為
無屬性
標籤、
單屬性
標籤、
多屬性
標籤三種型態。
無
屬性
標籤
<
標籤名稱
>內容</
標籤名稱
>,此標籤本身沒有其他屬性及屬性值可用。
標籤語法
<NoBr>
...文件內容....
</NoBr>
單
屬性
標籤
<
標籤名稱
屬性
="
值
">內容</
標籤名稱
>,此標籤只有
Align
這個屬性可用。
標籤語法
<
P
Align
="
Left
"|"
Center
"|"
Right
">
內容
</
P
>
。
多
屬性
標籤
<
標籤名稱
屬性1
="
值
"
屬性2
="
值
"
屬性3
="
值
">內容</
標籤名稱
>,此標籤可以同時共用數個屬性值。
標籤語法
<
IMG
SRC
="
xxx.jpg
Widtn
="
150
"
Height
="
150
">
。
屬性值
也有
無屬性值
、
單屬性值
與
多屬性值
三種類型。
無
屬性值
標籤
<
標籤名稱
屬性
>,此標籤可以只使用
Noshade
這個屬性,不需其他屬性值。
標籤語法
<
Hr
Noshade
>
單
屬性值
標籤
<
標籤名稱
屬性
="
值
">,此屬性
BgProperties
只有一個
Fixed
這個屬性值可用。
標籤語法
<
BODY
BgProperties
="
Fixed
"...> 固定背景圖片
多
屬性值
標籤
<
標籤名稱
屬性
="
值1
"|"
值2
"|"
值3
">內容</
標籤名稱
>,此屬性
Align
擁有數個屬性值,但只能使用一個。
標籤語法
<
P
Align
="
Left
"|"
Center
"|"
Right
">
內容
</
P
>
。
標籤屬性值:
它的英文是 Elements ,中譯為元素
在此以 Value 表示,讓您比較好記
現在,您只要知道這個觀念及相關位置便行。
請注意:
後面那個控制標籤的前頭
要記得加上由右往左的斜線 /
這是表示此標籤的作用已結束
現在,您只要知道這個觀念及相關位置便行。
請注意:
以上這些標籤,我們後面都會逐一的介紹到
現在,您只要知道這個觀念及相關位置便行。
所謂多屬性標籤,是指同時可以包括數個屬與性值
當然,也可只使用一個或兩個屬性值。
請注意:
以上這些標籤,我們後面都會逐一的介紹到
現在,您只要知道這個觀念及相關位置便行。
注意事項
:
您注意到屬性值兩邊所使用的雙引號" "嗎?希望大家能養成加上雙引號習慣
。
為了您學習 HTML 語法方便,後面的標籤名稱(
Tags Name
)、屬性(
Attributes
)、屬性值(
Value
),大部份會以此顏色區別。
標籤名稱及屬性,第一個英文字母也會使用英文大寫來編輯,您使用時(
尤其使用複製功能
)時,建議不需要比照辦理喔。
屬性值有好幾個時,在教學編輯方便,我會以 "
值1
"|"
值2
"|"
值3
" 來顯示,而且大部份您每次也只能使用一個。
標籤名稱(
Tags Name
) 屬性(
Attributes
) 屬性值(
Value
) 三者間都必須空一格,且在大於
<
及小於
>
的符號之內。
標籤屬性值,正確的英文為
Elements
,中譯為元素,在此以
Value
表示讓您比較好記。
雖然在 HTML 語法裡
加不加雙引號沒有嚴格要求
但是!套用到程式語言的時候
很容易會產生錯誤判斷
建議養成使用的雙引號習慣。
下載
或列印
本頁標籤資料