第三篇
HTML教學
第五節
網頁圖片
<
Br
Clear
="
T
"
>
清除標籤
<
Br
Clear
="
Left
"|"
Right
"|"
All
"|"
Both
"
>
語 法 說 明
屬性
Clear
值，共有 "
Left
"|"
Right
"|"
All
"|"
Both
" 四種屬性值。
屬性
Clear
="
All
" 時，表示將
<
Br
>
後面的文字或元件，全部移除並搬到下一行。
這個
<
Br
>
標籤用法與前面教的有些差別，前者是用於斷行沒有屬性，後者有
Clear
屬性用於清空後再斷行。
我用下面三個範例讓您比較一下，您自然就會明白了。
範例
HTML標籤
<
Img
Src
="
images/pics.gif
"
Align
="
Left
"
>
文字敘述 ...
顯示結果
這段文章將會顯現在圖片的右側，因為其圖片使用
Align
="
Left
" 標籤。
當你希望文字能夠停止環繞在圖案右邊，而開始於圖片的下方，你就需要使用到
Clear
="
All
" 的屬性標籤。
範例
HTML標籤
<
Img
Src
="
images/pics.gif
"
Align
="
Left
"
>
<
Br
Clear
="
All
"
>
文字敘述 ...
顯示結果
這一段文章會顯現在圖片的下方，這是因為再加入
Br
Clear
="
All
" 標籤。
這是前面所教過沒有
Clear
="
All
" 屬性的
<
Br
>
標籤範例。
它顯示出來的結果與最上面的範例，沒加
<
Br
>
或
<
Br
Clear
="
All
"
>
很接近，只有段一行的位置差別喔。
範例
HTML標籤
<
Img
Src
="
images/pics.gif
"
Align
="
Left
"
>
<
Br
>
文字敘述 ...
顯示結果
這一段文字前面僅加入
<
Br
>
標籤，所以後面的文字排列並沒有受影響。
當你在文字在中間插入
Clear
="
Left
" 屬性標籤，就變成前半部在上面，而後半部會顯現在圖片的下方。
範例
HTML標籤
<
Img
Src
="
images/pics.gif
"
Align
="
Left
"
>
前半部文字敘述
<
Br
Clear
="
Left
"
>
後半部文字敘述
顯示結果
<
Br
Clear
="
Left
"
>
當你在文字在中間插入
Clear
="
Left
" 的屬性標籤，就變成前半部在上面
而後半部會顯現在圖片的下方。
其餘的
Clear
="
Right
|
Both
" 屬性標籤，您自己練習測試看看吧。
屬性 Clear 值，共有 "Left"|"Right"|"All"|"Both" 四種屬性值。
這段文章將會顯現在圖片的右側，因為其圖片使用 Align="Left" 標籤。
其餘的 Clear="Right|Both" 屬性標籤，您自己練習測試看看吧。
