发新话题
打印

[html教程] HTML语言新手教程

HTML语言新手教程

目录

二楼: 认识单层边框.

三楼: 全屏边框.

四楼: 两层边框.

五楼: 在图片中加字.

六楼: 向上滚动字幕.

七楼: 向右滚动字幕.

八楼: 向左滚动字幕.

九楼: 在图片中加一个透明flash.

十楼: 在图片中加两个透明flash.

十一楼: 加全屏flash.

十二楼: 在图片中加字加透明flash.

十三楼: 在透明flash上写字.

十四楼: 图片在网页中的移动.

十五楼: 加入播放器.

十六楼: 在图中加1个gif图片.

十七楼: 图片的正反效果.

十八楼: 在图片中加一个透明flash-羽化效果.

十九楼: 图片羽化效果.

二十楼: HTML字体集锦


二十一楼: 给图片加边框加透明flash.

如果你觉得这篇文章很棒,你就可以

收藏到QQ书签
海纳百川  有容乃大

TOP

我们先从最简单的边框开始,下面是一个单层边框.
帖子内容

复制内容到剪贴板
代码:
<TABLE cellSpacing=80 background=http://qzone.net.cn/attachments/month_0808/20080827_351b49256e4484dfd6433cItcpJnv9ds.jpg border=1> <TBODY> <TR> <TD> <CENTER><FONT size=4><FONT color=#26185f><STRONG></STRONG></FONT></FONT></CENTER> <CENTER>帖子内容</CENTER></TD></TR></TBODY></TABLE><BR> <DIV></DIV> <P></P>
复制内容到剪贴板
代码:
开头: <TABLE > <TBODY> <TR> <TD> 收尾</TD></TR></TBODY></TABLE> 这是一个层.首尾是相呼应的,这些代码多一个或者少一个,发出来的帖子就会是代码.
黑体部分是边框的背景图片,如果换上自己喜欢的图片地址,就是另外一个边框了. [ 本帖最后由 nihello 于 2008-8-30 19:08 编辑 ]
海纳百川  有容乃大

TOP

第二节:发全屏帖代码.为了方便大家学习,我用同一个边框.这是原边框.
帖子内容

复制内容到剪贴板
代码:
<TABLE cellSpacing=80 background=http://qzone.net.cn/attachments/month_0808/20080827_351b49256e4484dfd6433cItcpJnv9ds.jpg border=1> <TBODY> <TR> <TD> <CENTER><FONT size=4><FONT color=#26185f><STRONG></STRONG></FONT></FONT></CENTER> <CENTER>帖子内容</CENTER></TD></TR></TBODY></TABLE><BR></DIV> <P></P>
全屏
帖子内容








复制内容到剪贴板
代码:
<TABLE id=table1 style="LEFT: -200px; WIDTH: 970px; POSITION: relative; TOP: 80px" cellSpacing=80 background=http://qzone.net.cn/attachments/month_0808/20080827_351b49256e4484dfd6433cItcpJnv9ds.jpg border=1> <TBODY> <TR> <TD> <CENTER><FONT size=4><FONT color=#26185f><STRONG></STRONG></FONT></FONT></CENTER> <CENTER>帖子内容</CENTER></TD></TR></TBODY></TABLE> <DIV></DIV> <P></P><BR><BR><BR><BR><BR><BR><BR>
后面边框多出来黑体部份 id=table1 style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 80px" 就是全屏代码 收尾的地方我加了好些个换行代码
因为是全屏,加上换行代码帖子发出来后才不至于把下面的编辑遮住,如果把它遮住了想再修改帖子就不行了
海纳百川  有容乃大

TOP

两层边框

帖子内容



复制内容到剪贴板
代码:
<TABLE cellPadding=100 width=490 align=center background=http://xz1.2000y.net/348114/uploadpic/200512223824183.jpg border=10 cellSpacing40> <TBODY> <TR> <TD> <TABLE borderColor=#228b22 cellSpacing=5 borderColorDark=#00ced1 cellPadding=0 width=500 align=center border=1> <TBODY> <TR> <TD> <P align=center><STRONG><FONT size=6></FONT></STRONG><FONT color=#ffa500></FONT></P> <P align=center><FONT color=#ffa500>帖子内容</FONT><FONT color=#ffa500></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR> <DIV></DIV> <P></P>
前面我介绍过边框的层,这个边框是由两层组成的,第一层的背景是一张图片,第二层是由几根不同颜色的线条组成,代码中的红色部份是颜色的数值.下面是一个网页颜色选择器 http://www.mypcera.com/www/101/11.htm 可以根据需要选择自己想要的颜色,替换原来的颜色数值就行了. 看边框的层只要弄清楚它的开头和结尾的代码就没问题了,
复制内容到剪贴板
代码:
开头: <TABLE > <TBODY> <TR> <TD> 收尾</TD></TR></TBODY></TABLE> 有几组开头就有几组收尾,拿上面那个两层的边框比较一下就知道了.
海纳百川  有容乃大

TOP

在图片中加字.
**雪月,不过过眼云烟
走过路过,以后还会错过
是否真的只是萍水相逢
浩瀚沙漠的尽头,
能否找到你的足迹...


复制内容到剪贴板
代码:
<TABLE borderColor=#c0c0c0 height=398 cellSpacing=0 cellPadding=60 width=471 background=http://www.616bbs.com/picture/yn/zuiqingfeng/4.jpg border=1> <TBODY> <TR> <TD> <DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>**雪月,不过过眼云烟<BR>走过路过,以后还会错过<BR>是否真的只是萍水相逢<BR>浩瀚沙漠的尽头,<BR>能否找到你的足迹...</B><BR> <P></P></FONT></DIV></TD></TR></TBODY></TABLE><BR> <DIV></DIV> <P></P> [code]height=398 是这张图片的高. width=471 是这张图片的宽,如果换图片,那么这两个数字也要换成图片的实 际高度和宽度. color=#c709f7 是字的颜色.和边框一样,字的颜色也可以在网页颜色选择器中选择. size=4 是字号.这个数字可以根据需要在1--7之间选择.
[/code]
海纳百川  有容乃大

TOP

支持一下

TOP

看贴回贴天经地义。
哈~~~
帖子很不错。
支持
絠伱,眞“涬鍢”
                僅茈侕巳。

http://new.qzone.qq.com/705540439

TOP

发新话题