DIV CSS 佈局教程網

我們知道在網易博客可以用html時，是否把代碼直接加入到摸板中，但是效果卻不是很好。那是因為沒有對代碼進行很好的排列，現在我說一下用table來排列，可以很好的把特效顯示出來。

在html語法中table(即表格）是不可少的部分，沒有著個，是很難對網頁的視覺效果顯示出來，現在我就說一下table。下面就是一個二行二列的表格：

       

代碼為：<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

tr表示行，td表示列，border表示粗細（”0“就是不會顯示），&nbsp;表示空格。在這裡，表格的寬度最好是100%（width="100%"），現在明白了嗎？明白了就可以在“<TD>&nbsp;</TD>”加上你想要的代碼.

如：<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<td><marquee>歡迎來到ω.⑨s.使者家園</marquee></td>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

效果為：

歡迎來到ω.⑨s.使者家園      

就像這樣，其他的一樣。

再說一點：我們弄表格時有些像這樣的表格：

      和      

的做法是：

<table border="1" width="100%">
 <tr>
  <td colspan="2">&nbsp;</td>
 </tr>
 <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
</table>

和
<table border="1" width="100%">
 <tr>
  <td rowspan="2">&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
 <tr>
  <td>&nbsp;</td>
 </tr>
</table>

仔細一看就多出了colspan="2"和rowspan="2"是不是啊！！！！

這個你是要要的"2"是參數，也要自己設的〉

<table border="1" width="100%">
 <tr>
  <td colspan="2"><marquee>歡迎來到ω.⑨s.使者家園</marquee></td>
 </tr>
 <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
</table>

和
<table border="1" width="100%">
 <tr>
  <td rowspan="2"><marquee>歡迎來到ω.⑨s.使者家園</marquee></td>
  <td>&nbsp;</td>
 </tr>
 <tr>
  <td>&nbsp;</td>
 </tr>
</table>

的效果分別為：

歡迎來到ω.⑨s.使者家園    

和

歡迎來到ω.⑨s.使者家園    

注意：其他的代碼一定要加在<td>....</td>中，此獻給那些對html不了解的朋友們！！