☉ 有序項目
|
標籤名稱 |
功能說明 |
|
<OL> |
有序號項目 |
|
<UL> |
無序號項目 |
|
<Li> |
項目標籤 |
•範例練習：
<html>
<head><title>有序號項目練習</title></head>
<body>
<H2>一年X班 [通訊錄]
1. 史達仁
2. 夏油
3. 趙胖虎
4. 梁新山
5. 李大同
</H2>
</body>
</html> |
•應用範例：
<html>
<head><title>有序號項目練習</title></head>
<body>
<H2>一年X班 [通訊錄]
<OL>
<Li>史達仁
<Li>夏油
<Li>趙胖虎
<Li>梁新山
<Li>李大同
</OL>
</H2>
</body>
</html> |
•OL標籤屬性參數：
|
屬性名稱 |
功 能 說 明 |
| <OL
type=
A> |
以大寫字母為序號 |
| <OL
type= a
> |
以小寫字母為序號 |
| <OL
type= I
> |
以羅馬大寫字母為序號 |
| <OL
type= i
> |
以羅馬小寫字母為序號 |
| <OL
type= 1
> |
以阿拉伯數字為序號(內定default) |
| <OL
start=
N> |
設定啟始序號為N |
☉ 無序項目範例
<html>
<head><title>無序號項目練習</title></head>
<body>
<H2>我最喜歡的偶像
<UL>
<Li>周潤發
<Li>李小龍
<Li>伍佰
</UL>
</H2>
</body>
</html> |
•UL標籤屬性參數：
|
屬性名稱 |
功 能 說 明 |
| <UL
type=
circle> |
設定。項目符號 . |
| <UL
type=
disc > |
設定 項目符號
. |
| <UL
type=
square > |
設定
項目符號 . |
☉ 巢狀 •應用範例：
<html>
<head><title>巢狀項目練習</title></head>
<body>
<H2>我的愛好</H2>
<OL>
<Li>我最喜歡的偶像
<UL>
<Li>周潤發
<Li>李小龍
<Li>伍佰
</UL>
<Li>我最喜歡的運動
<OL>
<Li>游泳
<Li>籃球
<Li>羽球
</OL>
</OL>
</body>
</html> |
■ 表格
☉ 表格標籤
|
標籤名稱 |
功能說明 |
|
<Table> |
表格宣告 |
|
<Caption> |
表格標題 |
|
<TH>* |
定義標題欄 |
|
<TR>* |
設定橫列 Row |
|
<TD>* |
設定直行 Column |
☉ <Table> 屬性
|
屬性名稱 |
功 能 說 明 |
| <Table
border=
"pixels"> |
表格邊線寬度(像素). |
| <Table
cellspacing
=
length> |
表格內框厚度. |
| <Table
cellpadding =
length> |
表格內框與內容距離. |
| <Table
border=
"pixel"> |
表格標題. |
| <Table
bordercolorlight =
"#RGB"> |
表格框色(IE專屬). |
| <Table
bordercolordark=
"#RGB"> |
表格框色(IE專屬). |
☉ 對齊屬性
|
屬性名稱 |
功 能 說 明 |
|
<Captain
align=
top> |
表格標題靠上對齊 . |
|
<Captain
align=
bottom> |
表格標題靠下對齊. |
|
<Captain
align=
left> |
表格標題靠左對齊. |
|
<Captain
align=
right> |
表格標題靠右對齊 . |
☉ 範例
<html>
<head><title>表格練習</title></head>
<body>
<TABLE border=1 cellpadding="1"
cellspacing="0">
<TH colspan=3>這是我第一個表格
<TR>
<TD>1 <TD>2 <TD>3
<TR>
<TD>8 <TD> <TD>4
<TR>
<TD>7 <TD>6 <TD>5
</TABLE>
</body>
</html> |
|
|