html的table用法(让网页页面的视觉效果实际效果显

大家了解在网易blog能够用html时,是不是把编码立即添加到摸板中,可是实际效果却并不是很好。那是由于沒有对编码开展很好的排序,如今我说1下用table来排序,能够很好的把殊效显示信息出来。

在html英语的语法中table(即报表)是不能少的一部分,沒有着个,是很难对网页页面的视觉效果实际效果显示信息出来,如今我就说1下table。下面便是1个2行2列的报表:

       

编码为:<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.使者佳园      

就像这样,别的的1样。

再说1点:大家弄报表时一些像这样的报表:

      和      

的做法是:

<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>

细心1看就多出了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.使者佳园    

留意:别的的编码1定要加在<td>....</td>中,此献给那些对html不上解的盆友们!!