html的table用法(让网页的视觉效果显示出来)

我们知道在网易博客可以用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>

效果为：

就像这样，其他的一样。

再说一点：我们弄表格时有些像这样的表格：

的做法是：

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>

的效果分别为：

和

注意：其他的代码一定要加在td> ..../td> 中，此献给那些对html不了解的朋友们！！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！