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

首页 > 网页制作

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

51自学网 http://www.wanshiok.com

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> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD>
<TD> </TD></TR></TBODY></TABLE>

tr表示行，td表示列，border表示粗细（”0“就是不会显示）， 表示空格。在这里，表格的宽度最好是100%（width="100%"），现在明白了吗？明白了就可以在“<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>

效果为：

欢迎来到ω.⑨s.使者家园

就像这样，其他的一样。

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

和

的做法是：

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

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

这个你是要要的"2"是参数，也要自己设的〉

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

的效果分别为：

欢迎来到ω.⑨s.使者家园

和

欢迎来到ω.⑨s.使者家园

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

html,table 　

上一篇：html表单的几种提交方式总结下一篇：加粗<b>与<strong>的区别分析