html的table用法(让网页的视觉效果显示出来)
2013-04-03 17:33
344 查看
我们知道在网易博客可以用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 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>
仔细一看就多出了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(即表格)是不可少的部分,没有着个,是很难对网页的视觉效果显示出来,现在我就说一下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 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>
仔细一看就多出了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不了解的朋友们!!
相关文章推荐
- Github上html页面(包括CSS样式和JS效果)如何显示出来
- 实现TEXTAREA数据写入数据库后提取出来原样显示在网页TABLE上并自动换行
- 源码变换 超文本标记语言(即HTML),是用于描述网页文档的一种标记语言。 HTML通过文本来描述文档显示出来应该具有的“样子”。它主要通过标签来定义对象的显示属性或行为。
- 实现TEXTAREA数据写入数据库后提取出来原样显示在网页TABLE上并自动换行
- Html Table Td 边框属性设置(任意显示需要的边框效果)
- JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
- JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- html插入图片后在网页显示不出来
- 字符串类型html如何显示出html效果,字符串中的转义符以html效果显示出来,html编码, HtmlHelper.Raw()
- 只要你遵循W3C标准来编写HTML,你的网页将永远能在所有浏览器上显示出来
- QT Qwebview显示html 的table表格时,如果有td跨行td边框显示不出来的bug
- html的table中不换行显示的效果
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- CDHtmlDialog 显示网页前修改网页源码的方法
- 网页显示后一段时间后显示,如果选择“咨询”,则弹出来聊天窗口。如果选择“稍后再说”,则窗口消失,但是过一段时间又弹出来
- mailto scheme 高级用法, 显示带html样式的邮件文本 推荐
- App中显示html网页
- 禁用IE的后退按钮|显示网页已过期|几种语言的实现方法|c#|javascript|html
- 如何解决HTML网页中文显示乱码