html的table用法(讓網(wǎng)頁的視覺效果顯示出來)

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

在html語法中table(即表格）是不可少的部分，沒有著個，是很難對網(wǎng)頁的視覺效果顯示出來，現(xiàn)在我就說一下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> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD>
<TD> </TD></TR></TBODY></TABLE>

tr表示行，td表示列，border表示粗細(xì)（”0“就是不會顯示）， 表示空格。在這里，表格的寬度最好是100%（width="100%"），現(xiàn)在明白了嗎？明白了就可以在“<TD> </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> </TD></TR>
<TR>
<TD> </TD>
<TD> </TD></TR></TBODY></TABLE>

效果為：

就像這樣，其他的一樣。

再說一點(diǎn)：我們弄表格時有些像這樣的表格：

的做法是：

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

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

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

這個你是要要的"2"是參數(shù)，也要自己設(shè)的〉

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

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

的效果分別為：

和

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

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com