HTML代码贴图教程
来源:百度文库 编辑:神马文学网 时间:2024/07/02 16:04:33
一:背景
一个完整的HTML帖子应该是:
美贴=背景+文章+插图+收尾
原代码如下:
注意:前边用了多少后面就要有多少 收尾。多收和少收都会使帖子出错哦 :)
常用的参数设定及注解:
一个完整的HTML帖子应该是:
美贴=背景+文章+插图+收尾
原代码如下:
帖子的文章加图片 |
注意:前边用了多少
常用的参数设定及注解:
说明:
border="6" 表格边框的厚度,如果你不想显示边框的边,你就把参数设置为“0”。
cellspacing="2" 表格格线的厚度
cellPadding=1 表格格线内厚度
borderColor=#841A00 边框色彩
比较一下,下图与上一个图有什么地方不同?
看出来了吗?这个边框设置成了光感效果,用了这样的代码:
borderColorlight=#CD5C5C 表格边框向光部分的颜色
borderColordark=#841A00 表格边框背光部分的颜色
如果你的边框用了感光效果,bordercolor 就失效了,所以不能同时使用。
上图的代码如下:
3 多层边框的制作
上图共有4层边框,也就是有4个背景图
第一层
第二层
|
图片插入的位置
例1 普通插入
border=0 图片的边框 height=200 图片的高度 width=350 图片的宽度
例2 设定上下左右空白位置
hspace=10 是设定图片左右的空间 vspace=20 是设定图片上下的空间
例3 设定图片中间对齐,边框厚度为 4
align=middle 格内内容的对齐方式(垂直),可选值为: top (顶部) middle (中部) bottom (底部)
例4:设定图片靠右
align=right 表格的摆放位置(水平),可选值为: left (左) right(右) center(中)
下面上面的多层边框内插入一图片,图片为居中:
代码如下:
文字应用
注意:文字只能在背景图片上显示,所以如果你想在某一图片上写字,就须把图片设置为背景
1.文字基本设制
基本代码如下:
插入文字
说明:
这是一对输入文字的代码
表示居中,
表示居左,
表示居右。
face=字体 常用字体为:宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等
size=字体大小,这里的最大值为7 取值越大文字就越大
另一种贴法:
插入文字
font:40pt 数值越大文字就越大。
color=颜色代码
鹰击长空
代码如下:
鹰击长空 |
文字的移动
效果:
移动文字
可根据下面基本代码
自行调节效果
基本代码:
说明:
direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)
behavior=移动方式, scroll 一圈一圈绕着走, slide 只走一次, behavior=alternate 来回走
width=宽度 height=高度 scrolldelay=速度 scrollamount=位移
上面的参数大家可以根据不同的情况自行调节
把上图改为文字移动的效果图:
鹰击长空
代码如下: