‹‹ 上一主题 | 下一主题 ››
 40 12
发新话题
打印

HTML代码基础教程(大家一起交流！）

本主题由 时光沙漏 于 2008-5-17 11:46 移动
阿珂

连长

Rank: 3Rank: 3
26楼 大 中 小 发表于 2007-1-7 01:54  只看该作者

第二层边框+图片代码

<CENTER>
<TABLE id=table1 style="LEFT: -60px; WIDTH: 700px; POSITION: relative; TOP: 0px" cellSpacing=50 align=center background=http://www.53520.com/bbs/tp/bj/SJuZ_7.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=6 cellPadding=0 width="100%" background=http://www.53520.com/bbs/tp/bj/lar6_2.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><IMG alt="" src="http://blog.cnbb.com.cn/uploads/bingfengling/200310191250232188621242.jpg"></P></TD></TR></TBODY></TABLE>
</CENTER></TD></TR></TBODY></TABLE>

效果如下

 

[此贴子已经被作者于2007-1-7 1:56:51编辑过]

TOP

阿珂

连长

Rank: 3Rank: 3
27楼 大 中 小 发表于 2007-1-7 01:58  只看该作者

第三层边框+图片代码

<CENTER>
<TABLE id=table1 style="LEFT: -60px; WIDTH: 800px; POSITION: relative; TOP: 0px" cellSpacing=50 align=center background=http://www.53520.com/bbs/tp/bj/SJuZ_7.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=6 cellPadding=0 width="100%" background=http://www.53520.com/bbs/tp/bj/lar6_2.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=20 cellPadding=0 width="100%" background=http://www.53520.com/bbs/tp/bj/GIbc_3.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><IMG alt="" src="http://blog.cnbb.com.cn/uploads/bingfengling/200310191250232188621242.jpg"></P></TD></TR></TBODY></TABLE>
</CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

效果如下：

依此类推，可以根据自己的喜好加N层边框，需要注意的是，前面有几层边框，表格的结尾就要加几个</TD></TR></TOBDY></TABLE>，style="LEFT: -60px; WIDTH: 800px;处的数值可根据需要适当调整。

[此贴子已经被作者于2007-1-7 2:01:25编辑过]

TOP

阿珂

连长

Rank: 3Rank: 3
28楼 大 中 小 发表于 2007-1-7 02:03  只看该作者

在图片中插入透明flash代码

<CENTER>
<TABLE id=table1 style="LEFT: -60px; WIDTH: 800px; POSITION: relative; TOP: 0px" cellSpacing=50 align=center background=http://www.53520.com/bbs/tp/bj/SJuZ_7.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=6 cellPadding=0 width="100%" background=http://www.53520.com/bbs/tp/bj/lar6_2.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=20 cellPadding=0 width="100%" background=http://www.53520.com/bbs/tp/bj/GIbc_3.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD width=640 background=http://blog.cnbb.com.cn/uploads/bingfengling/200310191250232188621242.jpg height=440><P><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=630 height=437 type=application/octet-stream ;; quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE></DIV>
</TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

效果如下：

[此贴子已经被作者于2007-1-7 2:14:53编辑过]

TOP

阿珂

连长

Rank: 3Rank: 3
29楼 大 中 小 发表于 2007-1-7 02:18  只看该作者

图片朦胧或滤镜效果代码

<CENTER>
<TABLE id=table1 style="LEFT: -60px; WIDTH: 800px; POSITION: relative; TOP: 0px" cellSpacing=50 align=center background=http://www.53520.com/bbs/tp/bj/SJuZ_7.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=6 cellPadding=0 width="100%" background=http://www.53520.com/bbs/tp/bj/lar6_2.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=20 cellPadding=0 width="100%" background=http://www.53520.com/bbs/tp/bj/GIbc_3.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=640 background=http://blog.cnbb.com.cn/uploads/bingfengling/200310191250232188621242.jpg height=440><P><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=630 height=437 type=application/octet-stream ;; quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE></DIV>
</TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

效果如下：

[此贴子已经被作者于2007-1-7 2:20:50编辑过]

TOP

阿珂

连长

Rank: 3Rank: 3
30楼 大 中 小 发表于 2007-1-7 02:29  只看该作者

加入文字、音乐代码

<CENTER>
<TABLE id=table1 style="LEFT: -170px; WIDTH: 850px; POSITION: relative; TOP: 0px" cellSpacing=80 align=center background=http://www.53520.com/bbs/tp/bj/SJuZ_7.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=6 cellPadding=0 width="100%" background=http://www.53520.com/bbs/tp/bj/lar6_2.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=20 cellPadding=0 width="100%" background=http://www.53520.com/bbs/tp/bj/GIbc_3.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://image.17173.com/bbs/upload/2005/10/14/1129257499.gif";></P>
<P align=CENTER><FONT face=华文行楷 Color= #F5F5DC size=7><FONT style="FONT-SIZE: 24pt"><FONT style="FONT-SIZE: 40pt">梦里花～张韶涵</FONT></P></FONT></FONT>
<DIV align=center>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=640 background=http://blog.cnbb.com.cn/uploads/bingfengling/200310191250232188621242.jpg height=440><P><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=630 height=437 type=application/octet-stream ;; quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE></DIV>
<P align=center><IMG src="http://image.17173.com/bbs/upload/2005/06/07/1118129309.gif";></P><P align=center><TABLE borderColor=#4F3256 border=0><TBODY><TR><TD style="FILTER: alpha(opacity=40,style=2)"><EMBED src=http://wma3.520music.com/20060312/0612music/321/7.Wma width=400 height=30 type=audio/mpeg loop="-1" autostart="TRUE" volume="0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>.
></TABLE></TD></TR></TBODY></TABLE>.

效果如下：

梦里花～张韶涵

. >

[此贴子已经被作者于2007-1-7 2:31:06编辑过]

TOP

阿珂

连长

Rank: 3Rank: 3
31楼 大 中 小 发表于 2007-1-7 02:40  只看该作者

不足之处希望大家补充！这里好像有的代码不支持！

那谁，我够意思吧！弄得我双休日还要给你一晚上！改天你请客哦，吼吼！

[此贴子已经被作者于2007-1-7 3:06:35编辑过]

TOP

浩蓝

军长

Rank: 8Rank: 8

康复先锋奖 最佳灌水奖 最酷帅哥奖 最佳忠诚奖 热心会员奖 英雄好汉勋章

32楼 大 中 小 发表于 2007-1-7 04:43  只看该作者

欢迎您光临
中华脊髓论坛

你曾说过在孤单的时候
别躲在被人遗忘的角落
你曾说过在伤心的时候
别想着过去事情的结果
我不曾明白如何学会解脱BR>在黑夜来临时渐渐感到落寞
我不曾明白心情如此低落
在每一次与你分别的时候
你的笑容依然绽放在那冷却的天空
我的牵挂开始感觉感觉不到幸福的围绕
你的拥抱曾经让我忘了所有的伤痛
对爱的执着最后却留给我孤单的等候
你曾说过在孤单的时候
别躲在被人遗忘的角落
你曾说过在伤心的时候
别想着过去事情的结果
我不曾明白如何学会解脱
在黑夜来临时渐渐感到落寞
我不曾明白心情如此低落
在每一次与你分别的时候
你的笑容依然绽放在那冷却的天空
我的牵挂开始感觉感觉不到幸福的围绕
你的拥抱曾经让我忘了所有的伤痛
对爱的执着最后却留给我孤单的等候
你的笑容依然绽放在那冷却的天空
我的牵挂开始感觉感觉不到幸福的围绕
你的拥抱曾经让我忘了所有的伤痛
对爱的执着最后却留给我孤单的等候
最后却留给我孤单的等候
〓欢迎您光临中华脊髓论坛〓


TOP

我是土豆

军长

Rank: 8Rank: 8

最佳才艺奖 最佳灌水奖 最佳回贴奖 靓丽美女奖 最佳忠诚奖 热心会员奖 最佳搞笑奖 最佳人气奖 爱心大使 特别耕作奖

33楼 大 中 小 发表于 2007-1-7 17:01  只看该作者

 本论坛技术含量最高的一个帖子！阿柯太辛苦了！谢谢你！

我爱中华我爱爸爸妈妈

TOP

天边

师长

Rank: 6Rank: 6
34楼 大 中 小 发表于 2007-1-9 15:11  只看该作者

 

欢迎你阿珂友朋你迎欢

TOP

苦行僧

贵宾

Rank: 10Rank: 10Rank: 10

最佳才艺奖 论坛友谊奖 热心会员奖 爱心大使 论坛贵宾勋章

35楼 大 中 小 发表于 2007-1-14 18:38  只看该作者

好帖！

TOP

九死一生

团长

Rank: 5Rank: 5

热心会员奖

36楼 大 中 小 发表于 2007-1-22 11:26  只看该作者

我太笨，收藏起来慢慢琢磨！

 

点击图片进入我的实木家具网店浏览更多产品

TOP

偶还傻爱她

军长

Rank: 8Rank: 8
37楼 大 中 小 发表于 2007-3-25 10:40  只看该作者

来学习学习

就是好卡

TOP

同意

团长

Rank: 5Rank: 5
38楼 大 中 小 发表于 2007-3-30 11:54  只看该作者
看得我头晕,努力学习中.

TOP

bluerain_s

连长

Rank: 3Rank: 3
39楼 大 中 小 发表于 2008-3-6 23:59  只看该作者
太难了

TOP

折翼

排长

Rank: 2
40楼 大 中 小 发表于 2008-11-18 14:18  只看该作者
依然情深 [[i] 本帖最后由 折翼 于 2008-11-18 14:26 编辑 [/i]]
剰下旳路,
  峩,一個人赱。

TOP

‹‹ 上一主题 | 下一主题 ››
 40 12
发新话题