引用
霍斯 的 博客制作基本代码
大家好,首先欢迎你的到来,这一篇是为大家讲解并总结一下博客制作的基本代码,供新手参考
本篇代码来源于多个博友,本人仅收集归纳,整理,并加以说明而已
在首页模块HTML中如何使用代码:博客在编辑状态下,选择"排版设置","内容模块","自定义添加HTML",这时你的博客最下面出现一个空白模块,那现在就把你要的代码粘进去吧
一.文字类
1)字体加粗:<b>你的文字</b>
2)字体斜体:<i>你的文字</i>
3)字体下划线: <u>你的文字</u>
4)字体删除线: <s>你的文字</s>
5)字体加大: <big>你的文字</big>
6)字体大小:<h1>你的文字</h1>
大小从h1-h5不等
7)字体颜色:<font color="#ff0099">你的文字</font>
8)滚动字(左右循环滚动):<marquee>你的文字</marquee>
9)高级滚动文字(可自定义):<marquee scrollamount=3 FONT style="COLOR:#B03060; FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">幽幽世界欢迎你</marquee>
效果如下:
属性分析:
marquee:此代码为滚动代码 scrollamount=3:些代码为速度,其中数值可以更改 COLOR:#B03060:字体颜色 FONT-FAMILY: 隶书:字体代码,可以更改文字的字体描述来改变字体 FONT-SIZE: 25pt:字体大小,可改变数值来实现文字的大小更改 WIDTH: 100%:在屏幕上滚动的比例
10)来回移动的文字:<marquee behavior="alternate" scrollamount=3 FONT style="COLOR:#B03060; FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">幽幽世界欢迎你</marquee>
效果如下:
属性分析:
marquee:此代码为滚动代码 behavior="alternate":来回移动代码 scrollamount=3:些代码为速度,其中数值可以更改 COLOR:#B03060:字体颜色 FONT-FAMILY: 隶书:字体代码,可以更改文字的字体描述来改变字体 FONT-SIZE: 25pt:字体大小,可改变数值来实现文字的大小更改 WIDTH: 100%:在屏幕上滚动的比例
注意:9)和10)的区别只在于一个方向代码behavior="alternate":来回移动代码而已 大家可以活学活用 这并不难的
11)滚动字幕:<marquee scrollamount=2 FONT style="COLOR:#B03060;FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%" direction=up >忘记是一种罪<br>有它就没有美好的回忆<br>如果愿意<br>可以把它记录<br>回忆曾经<br>是一件享受的事<br>欢迎来到幽幽世界<br>愿每个人都有美好的回忆在内心深处<br>这样的人才会永远没有孤单</marquee>
效果如下:
属性分析:
marquee:此代码为滚动代码 scrollamount=3:些代码为速度,其中数值可以更改 COLOR:#B03060:字体颜色 FONT-FAMILY: 隶书:字体代码,可以更改文字的字体描述来改变字体 FONT-SIZE: 25pt:字体大小,可改变数值来实现文字的大小更改 WIDTH: 100%:在屏幕上滚动的比例 direction=up:方向代码 <br>:换行代码
注意:9)和11)的区别只在于一个方向代码direction=up而已 大家可以活学活用 这并不难的
12)文字超链接(网页跳转):<a href="链接地址">你的文字</a>
13)文字超链接(在新窗口打开):<a href="链接地址" target="_blank">你的文字</a>
14)消除链接文字的下划线:<a href="链接地址" style="text-decoration:none">你的文字</a>
二.图片类
1)粘图代码:<img src="你的图片地址">
图片地址获取方法:把鼠标放到你要添加的图片上,右键单击图片,选择"属性",出现对话框,全部复制URL地址,此地址便是图片地址
2)滚动图片:<marquee width="100%" scrollamount="3"><img src="你的图片地址1" width="99" height="95" border="0"><img src="你的图片地址2" width="99" height="95" border="0"><img src="你的图片地址3" width="99" height="95" border="0"><img src="你的图片地址4" width="99" height="95" border="0"><img src="你的图片地址5" width="99" height="95" border="0"></marquee>
效果如下:
属性分析:
此特效代码包含两部分:1滚动代码部分,<marquee width="100%" scrollamount="3"> marquee:滚动代码 width="100%":屏幕滚动比例 scrollamount=3:些代码为速度,其中数值可以更改 2为粘图部分,<img src="你的图片地址1" width="99" height="95" border="0">,此部分可以根据图片的多少粘贴数个.img src="你的图片地址1":图片粘贴代码 width="99":宽度代码,其中数值可以更改 height="95":高度代码,其中数值可以更改 border="0"边缘代码
3)来回移动图片代码:<marquee behavior="alternate" width="100%" scrollamount="3"><img src="你的图片地址1" width="99" height="95" border="0"><img src="你的图片地址2" width="99" height="95" border="0"><img src="你的图片地址3" width="99" height="95" border="0"><img src="你的图片地址4" width="99" height="95" border="0"><img src="你的图片地址5" width="99" height="95" border="0"></marquee>
效果如下:
属性分析:
此特效代码包含两部分:1滚动代码部分,<marquee behavior="alternate" width="100%" scrollamount="3"> marquee:滚动代码 behavior="alternate":来回移动代码 width="100%":屏幕滚动比例 scrollamount=3:些代码为速度,其中数值可以更改 2为粘图部分,<img src="你的图片地址1" width="99" height="95" border="0">,此部分可以根据图片的多少粘贴数个.img src="你的图片地址1":图片粘贴代码 width="99":宽度代码,其中数值可以更改 height="95":高度代码,其中数值可以更改 border="0"边缘代码
注意: 2)和3)的区别只在于3)多了一个方向代码,behavior="alternate":来回移动代码
3)图片超链接(生成原图大小):<a target="cont" href="链接地址"><img src="图片地址"></a>
4)图片超链接(可自定义图片大小):<a target="cont" href="链接地址"><img src="图片地址" width="100" height="100" border="0"></a>
5)滚动图片超链接:<marquee width="100%" scrollamount="1" ><a target="cont" href="链接地址1><img src="你的图片地址1" width="99" height="95" border="0"></a> <a target="cont" href="链接地址2><img src="你的图片地址2" width="99" height="95" border="0"></a> <a target="cont" href="链接地址3><img src="你的图片地址3" width="99" height="95" border="0"></a> <a target="cont" href="链接地址4><img src="你的图片地址4" width="99" height="95" border="0"></a></marquee>
属性分析:
此特效代码包含三部分:1滚动代码部分,<marquee width="100%" scrollamount="3"> marquee:滚动代码 width="100%":屏幕滚动比例 scrollamount=3:些代码为速度,其中数值可以更改 2超链接代码部分,<a target="cont" href="链接地址1> 3为粘图部分,<img src="你的图片地址1" width="99" height="95" border="0">,此部分可以根据图片的多少粘贴数个.img src="你的图片地址1":图片粘贴代码 width="99":宽度代码,其中数值可以更改 height="95":高度代码,其中数值可以更改 border="0"边缘代码
三.综合应用类
1)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>
2)贴flash: <embed src="flash地址" width="宽度" height="高度">
3)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
4)换行:<br>
5)段落:<p>文字</p>
6)原始文字样式:<pre>正文</pre>
7)换帖子背景:<body background="背景图片地址">
8)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>
9)定制帖子背景颜色:<body bgcolor="#value">(value值见10)
10)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>
11)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>
12)分割线代码: 你的文字<HR> 你的文字
添加属性:你的文字<HR COLOR=red WIDTH="宽度px" SIZE="厚度px" ALIGN="对齐位置" NOSHADE>你的文字
属性分析:
HR:分割线代码
COLOR=red:分割线颜色代码 可以更改
WIDTH="宽度px":分割线宽度代码 将文字换成合适的数值
SIZE="厚度px":分割线厚度代码 将文字换成合适的数值
ALIGN="对齐位置":分割线与文字的对齐方式 分为 1居左:ALIGN="LEFT" 2居中:ALIGN="CENTER" 3居右:ALIGN="RIGHT"
NOSHADE:阴影效果
此篇教程正在添加,编写中,请大家多提宝贵意见,多多关注
评论