第三篇
HTML教學
網頁研習室 第七節
表格運用
 
 表格其他標籤與特殊用法  標題 <Caption> 標籤
<Caption>下一步驟用於標題標籤
語   法   說   明
<Caption> ... </Caption>標題標籤,大多被使用於表格的標題;需結速標籤。
標題標籤不得放於 <Td><Th> 標籤之內, <Caption> 標籤未加任何屬性時,會以內定置中顯示。
<Caption> 的屬性只有:AlignVAlign
注意:使用 IE IE 瀏覽器與其它瀏覽器比較時,顯示結果會略有不同,故很少使用,也建議盡可能不要使用。
現在就直接以實際範例示範給您看進入查看顯示結果吧。
 <Td NoWrap> 屬性標籤
NoWrap下一步驟用於禁止文字折返
語   法   說   明
NoWrap屬性標籤,由兩個英文字組成,No(不、不可以、禁止之意思) + Wrap(纏繞、重疊、覆蓋之意思)。
表示【禁止文字折返】之意,必須用於 <Td><Th> 標籤之內,沒有屬性值,為單獨屬性標籤。
NoWrap 屬性,最主要是用於控制表格內文字,不希望因資料太長(多)造成折返效果,影響表格外觀。
以下就直接以實際範例示範給您看。
<Table Border="1"><Tr><Td NoWrap>...文字敘述...</Td></Tr></Table>
這是未加 NoWrap 顯示結果
NoWrap 屬性標籤,是由兩個英文字組成,No (不、不可以、禁止之意思) + Wrap (纏繞、重疊、覆蓋之意思)。在這裡表示的是【禁止文字折返】,必須用於 <Tr><Td><Th> 標籤之內,沒有屬性值,為單獨屬性標籤;最主要是用於控制表格內文字,不會因瀏覽者使用字體大小不同,造成折返效果,影響表格外觀。
未加 NoWrap 時文字會受表格寬度限制,遇底自動折返,如文字敘述過長會造成版面不易處理現象。
這是是加了 NoWrap 顯示結果
進入查看顯示結果
NoWrap<NoBr> . </NoBr>的差別是一個是屬性一個是標籤,另外<NoBr>不適合放在表格標籤內。
 表格中的表格
巢狀表格
語   法   說   明
跟其他標籤一樣 <Table> ... </Table> 標籤之內也可以包覆 <Table> 或其他標籤。
所有標籤都是一樣,只要符合由左而右由上而下及對稱包覆規則即可,用實際範例詳細解說給您看進入查看顯示結果
 沒有接縫的表格
無縫表格
語   法   說   明
所謂沒有接縫的表格,就是無縫表格,做法很簡單,看過您一定會明白的!
BorderCellSpacingCellPadding 屬性值設為 "0" 即可,以一個實際範例解說給您看進入查看顯示結果