《HTML代码实际应用讲解.doc》由会员分享，可在线阅读，更多相关《HTML代码实际应用讲解.doc（10页珍藏版）》请在金锄头文库上搜索。
1、HTML代码实际应用讲解一：背景一个完整的HTML帖子应该是：美贴背景文章插图收尾原代码如下：帖子的文章加图片注意：前边用了多少后面就要有多少收尾。多收和少收都会使帖子出错哦：）常用的参数设定及注解：width=400 表格宽度，接受绝对值（如 500）及相对值（如 80%）。border=10 表格边框的厚度。 cellspacing=2 表格格线的厚度cellPadding=5表格格线内厚度align=CENTER 表格的摆放位置（水平），可选值为：左： left,右： right,居中： centervalign=TOP. 表格内内容的对齐方式（垂直），可选值为： top, middle
2、, bottom。 background=背景图片网址 表格的背景图片，与 bgcolor 不要同用。 bgcolor=#0000FF 表格的底色，与 background 不要同用bordercolor=#CF0000 表格边框颜色bordercolorlight=#00FF00 表格边框向光部分的颜色bordercolordark=#00FFFF 表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。二.文字应用1.文字基本设制基本代码如下：插入文字表示居中，表示居左，表示居右。face=字体常用字体为：宋
3、体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等 size=字体大小，这里的最大值为7取值越大文字就越大另一种贴法：插入文字font:40pt数值越大文字就越大。color=颜色代码。 2.移动文字效果：可根据下面基本代码自行调节效果基本代码：插入文字说明：direction=移动方向可选值为向上(up)向下(down)向左(left)向右(right)behavior=移动方式，scroll 一圈一圈绕着走，slide 只走一次，behavior=alternate 来回走width=宽度height=高度scrolldelay=速度scrollamount=位移上面的参数大家可以根据不同
4、的情况自行调节。3。文字特效效果1（文字自动飘浮）欢迎你的到来代码如下：欢迎你的到来效果2代码如下：前 世欢 迎光 临文字特效有很多种，本论坛有单独的教程。这里不再介绍：）三.贴图1.基本代码：注意：设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实大小，以免失真，若需要改图片大小最好使用图像编辑工具（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。）。图片的居中，居左，居右上面已经介绍了，这里不再重复。2.给图片加边框效果：基本代码：说明：border=6 表格边框的厚度，不同浏览器有不同的内定值。cellspacing=2 表格格线的厚
5、度cellPadding=1表格格线内厚度borderColor=#841A00边框色彩3.图片朦胧A.圆形效果代码：B.方形效果代码：四.透明FLAH的应用1.常用效果代码如下：注意：长和宽的设定要根据图片的实际大小来设定2.定位透明FLASH效果注意：这种方法由于是通过坐标的方式把透明FLASH固定到了某一点，所以在不同的环境和不同的论坛要相应调整不同的位置。定位较为麻烦，而且最大的弊病就是屏幕分辨率设置不一样，观看的效果也不一样（比如你是用分辨率1024768做的帖子，你感觉固定的位置很好。但别人用分辨率800600观看却偏得很远。本人建议一般不要用这种方法。定位效果图代码如下：说明：TOP: 6910px 指FLASH与帖子上边之间的距离。LEFT: 400px 是指FLASH与帖子左边的距离WIDTH: 400pxHE
