Template:Wiki:Table: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<div style="border-top:0.4em double #000000; border-bottom:0.4em double #000000;"> | |||
<h2>說明:有關於表格的用法</h2><!--<strong>說明:有關於表格的用法</strong>--> | |||
以下在每行的開頭皆以數字標示源碼的行數以方便說明。<br /> | |||
源碼內容如下:<br /><code> | |||
01 {|<br /> | |||
02 |+<br /> | |||
03 |-<br /> | |||
04 !<br /> | |||
05 |-<br /> | |||
06 |<br /> | |||
07 |}<br /></code> | |||
行 01 和行 07 兩行代表的是表格 table 的起始和結尾標籤,中間包起來的就是 table 的內容,你可以在行 01 的 {| 後方再接些 html 屬性等的來做些效果這樣,比如說『{| border=1』就會製作一個有 1px 粗的框線的表格出來。 | |||
行 02 代表的是這個 table 的標題 caption ,不寫也無妨,不過建議寫一下也無妨。 | |||
行 03 跟行 05 這種代表的是每個 table 中的『一行』,即 tr 標籤, tr 則是 table rows 的意思的樣子。一般來說,表格是以一個 table ,裡面再插入一行一行的 tr , tr 中再塞入一堆的資料欄 td 而建構成的這樣。 | |||
而行 04 跟 06 就是表格的資料欄了。要注意的是,行 04 的 "!" 代表的其實是欄位的標題 th 標籤,即是指 table head ,一般建議是寫在第一行,而且是有寫比沒寫好;而行 06 的 "|" 才是一般所指的資料欄 td 標籤,即是指 table data 這樣。簡單說你要寫在表格中的資料請填在這兩者的後面這樣。 | |||
總之大致上就像上面所講的,其它就請各位實際地來操作吧。 | |||
</div> |
Revision as of 23:54, 27 June 2005
說明:有關於表格的用法
以下在每行的開頭皆以數字標示源碼的行數以方便說明。
源碼內容如下:
01 {|
02 |+
03 |-
04 !
05 |-
06 |
07 |}
行 01 和行 07 兩行代表的是表格 table 的起始和結尾標籤,中間包起來的就是 table 的內容,你可以在行 01 的 {| 後方再接些 html 屬性等的來做些效果這樣,比如說『{| border=1』就會製作一個有 1px 粗的框線的表格出來。
行 02 代表的是這個 table 的標題 caption ,不寫也無妨,不過建議寫一下也無妨。
行 03 跟行 05 這種代表的是每個 table 中的『一行』,即 tr 標籤, tr 則是 table rows 的意思的樣子。一般來說,表格是以一個 table ,裡面再插入一行一行的 tr , tr 中再塞入一堆的資料欄 td 而建構成的這樣。
而行 04 跟 06 就是表格的資料欄了。要注意的是,行 04 的 "!" 代表的其實是欄位的標題 th 標籤,即是指 table head ,一般建議是寫在第一行,而且是有寫比沒寫好;而行 06 的 "|" 才是一般所指的資料欄 td 標籤,即是指 table data 這樣。簡單說你要寫在表格中的資料請填在這兩者的後面這樣。
總之大致上就像上面所講的,其它就請各位實際地來操作吧。