站长资源网页制作
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>
效果为:
就像这样,其他的一样。
再说一点:我们弄表格时有些像这样的表格:
的做法是:
<table border="1" width="100%">
</table>
和
<table border="1" width="100%">
</table>
仔细一看就多出了colspan="2"和rowspan="2"是不是啊!!!!
这个你是要要的"2"是参数,也要自己设的〉
<table border="1" width="100%">
</table>
和
<table border="1" width="100%">
</table>
的效果分别为:
和
注意:其他的代码一定要加在<td>....</td>中,此献给那些对html不了解的朋友们!!
上一篇:html表单的几种提交方式总结