2012年8月13日 星期一

Html 基本說明(23)-可以不用的html 標籤,讓你的網頁更易了解 [2]-table 標籤


再來,依上篇說明我們不要用<font>、<b>、<i>的標籤後再來就是<table> 標籤<table>標籤不是常用嗎,怎麼可能不用呢?不是的!<table>還是要用的,只是要針對他的功能來說明對於早期的寫網頁的人,常常都是用<table>來佈局的,會造成網頁程式的混亂,即對未來網頁修改,會造成很大的麻煩。
<bodybgcolor="#ffffff">
<table style="display:inline-table;"border="0"cellpadding="0"cellspacing="0"width="664">
  <tr>
   <td><img src="spacer.gif" width="184" height="1"alt=""/></td>
   <td><img src="spacer.gif" width="480" height="1"alt=""/></td>
   <td><img src="spacer.gif" width="1" height="1"alt=""/></td>
  </tr>

  <tr>
   <td><img name="challenges_r1_c1"src="challenges_r1_c1.gif"width="184"height="148"id="challenges_r1_c1"alt=""/></td>
   <td rowspan="4"><imgname="challenges_r1_c2"src="challenges_r1_c2.gif"width="480"height="641"id="challenges_r1_c2"alt=""/></td>
   <td><img src="spacer.gif"width="1"height="148"alt=""/></td>
  </tr>
  <tr>
   <td><img name="challenges_r2_c1"src="challenges_r2_c1.gif"width="184"height="120"id="challenges_r2_c1"alt=""/></td>
   <td><img src="spacer.gif"width="1"height="120"alt=""/></td>
  </tr>
  <tr>
   <td><img name="challenges_r3_c1"src="challenges_r3_c1.gif"width="184"height="153"id="challenges_r3_c1"alt=""/></td>
   <td><img src="spacer.gif"width="1"height="153"alt=""/></td>
  </tr>
  <tr>
   <td><img name="challenges_r4_c1"src="challenges_r4_c1.gif"width="184"height="220"id="challenges_r4_c1"alt=""/></td>
   <td><img src="spacer.gif"width="1"height="220"alt=""/></td>
  </tr>
</table>
</body>
 這是一個用<table>來排版的網頁內容,一堆程式碼,是不是很亂呀!所以table只限於用於你要表現數據或者表單時所用,沒事別拿來用排版!

沒有留言:

張貼留言