很开心风雨能有所收获,咪咪你们也不要客气,我也是利用这次机会梳理一下对代码的理解。
/discuss_1158745307458011290_1.html
上面这个地址是几个常用播放器的代码,做贴的朋友可根据背景设置更漂亮的播放器,用时只要把代码复制,调整好高度和宽度值即可,这几个播放器的不同之处自己看一下明白了就行。
下面我们再用一个很简单的例子讲一下<table><tr><td>的用法
一、如果我们想在同一面墙上装饰出并列的两幅字画,(也就是多做出一列)该怎样做呢?就是类似于下面的效果:
代码是这样的:
<center><table bgcolor=#000000 border=5 bordercolor=red width=400 height=100><tr><td align=center><font color=red size=4>欢度春节</font></td><td align=center><font color=red size=4>猪年吉祥</font></td></tr></td></tr></table></center>
解释:
1、先在<table>里面设置好背景,也就是先把大的墙刷好。(蓝色部分)
2、在<td>中做第一个文字框,也是先设文字位置,再用<font>工具设文字属性,做完收拾工具</font></td>。紧接着做第二个文字框,再取出另一个<td>工具,方法同第一个文字框的做法。全部做完后连同<tr>一起放入工具箱,问题:为什么我们只用到一个<tr>,而用到了两个<td>呢?这就是下面我们要讲的内容。(红色部分的内容)
二、如果我们想再在这面墙的下面再刷出一块横跨两个文字区的区域,(也就是再多做出一行)该怎么做呢?这次就该用到<tr>这个工具了。
| 欢度春节 | 猪年吉祥 |
祝桥畔的朋友新年愉快 万事如意!!! |
代码:<center><table bgcolor=#000000 border=5 bordercolor=red width=500 height=300><tr><td align=center><font color=red size=5>欢度春节</font></td><td align=center><font color=red size=5>猪年吉祥</font></td></tr><tr><td colspan=2><td align=center><font size=5 color=red>祝桥畔的朋友新年愉快<br>万事如意!!!</td></tr></tr></td></table></center>
解释:
1、蓝色部分为背景部分,也就是大的工作区。
2、红色部分为两列文字部分,用到了两组<td>,一个<tr>,这说明<td>工具是控制横向工作区域多少的工具。
3、绿色部分是两行工作区部分,为了多开辟这一行工作区,我们不单单用到了<td>,而且再次用到了<tr>工具,这说明若想多做一行工作区的话,要先用<tr>工具申请一行工作区,即<tr>是控制行工作区的。
注:<td colspan=2>说明这行工作区横跨上面两列,colspan: 列跨度。
总结:如果我们要向横向发展工作区,要多用<td>工具,如果我们要向纵向发展工作区的话,要多用<tr>工具。所以<table><tr><td>这三者的关系是:<table>包含<tr><td>,只要有<table>出现,下面必有<tr><td>与它对应。而<tr>又包含<td>,只要有<tr>,后面必有一组或几组<td>与它对应,<td>是做贴必不可少的项,它的作用很大,是我们的工作点。