不会html代码的就看这里
来源:百度文库 编辑:神马文学网 时间:2024/04/28 17:01:52
第一部分,基础学习
一,颜色代码:
(绿色)
填入文字
(褐色)
填入文字
(蓝色)
填入文字
(紫色)
填入文字
(红色)
填入文字
二,文字加粗 倾斜的代码
文字加粗的代码是: 你好
文字倾斜的代码是: 你好!
三,文字链接代码:
如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,
代码是这样:
填入文字
如果要点了这个文字以后重新打开一个窗口的话,代码是:
填入文字
四,在网站上放图片的代码:
如果你看到一个好看的图片想放到网站上,代码是这样的:
width="150" height="100">
后面的数字调节图片的尺寸大小。
五,图片链接代码:
如果要点一下图片就能打开一个网站的链接代码是这样的:
如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。
代码是这样的:
上面的数字都能调节图片尺寸大小。
六,换行代码:
如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入,
这样就会分成两行显示,整个网站看起来也不会是一大片了,而是段落分明。
七,文字移动的代码是:
八,移动图片的代码:
http://www.midifan.com/midi/
这个网站都有好的背景音乐
十,在网站中插入一个flash动画的代码是:
一个好的帖子是可以给人以美的享受的,学会用Html代码做出自己的作品, 能够让你真正体会发贴的乐趣.
其实Html代码并不象我们想像的那么难的*^o^*,只要你耐心地看下面的文章, 记住一些简单常用的公式,而且能够举一反三,触类旁通,你很容易就可以做出 漂亮的帖子.
学习之前,先了解一些基本常识,呵呵:
首先,要发Html代码的帖子,你所要发贴的地方必须是开放Html标签的如图)
[UploadFileDisp=06022516181996_1140855374.jpg]
其中Design是设计,UBB模式是大家平时发贴常用的代码,VIEW是预览,HTML就
打开发贴页面,点击 HTML 按钮。取消自动修正的勾,然后在HTML格式栏内 粘贴你要发的内容代码,编辑你的贴子,完成后点击返回Design。Design模式 的状态下,点击预览,预览效果正常,就可以发表了。预览效果不正常,再 点击返回HTML模式,修改代码。
编写代码的时候,代码之间只能空一格,如 昧嘶爻祷蚴欠中芯突嵛薹ㄕ O允玖 恕H绻 ⒈硖 雍螅 鱿郑阂韵履谌莺疟?或可能导致页面不正常的代码的提示,可 以试运行代码,如果显示正常,那只要在修改编辑的时候,看看代码之间有没有多 了或少了什么东西 ,把这些都删除修改,就可以正常显示了!
DVBBS7、0的版本不支持网页外挂,所以有些复杂的特效不能使用,象鼠标特 效这些等!
DVBBS7、0的版本不支持HTML与UBB合用,所以大家在想换行的时候,要使用 换行符,而不能简单的通过回车来实现。其他也一样,不能把UBB与HTML标签合用!
HTML代码注重对称性,这点要切记,比如前面有TABLE,后面就一定有一个/TABLE 对应.
一个完整的HTML帖子一般包括:
外面的表格框架+文章和图片(包括一些flash和一些特效)+背景音乐
下面我一样样来教大家说明:以下所有举例的代码大家可以边学边试,建议用 记事本来编辑修改,要注意的是,用记事本做好代码内容后一定要取消记事本格式 里的自动换行,才能复制粘贴到论坛里!!切记!)
一.表格框架的设计:
只有一层的表格代码:
举例:
帖子的文章加图片 | < /TR>
多层表格的代码:
举个8层的例子:(大家可以灵活运用)
|
请注意:HTML代码注重对称性,这点要切记,比如前面有TABLE,后面就一定 有一个/TABLE对应!多或少都会出错!
上面例子中的图片链接可以换成你喜欢的图片,我只是举例而已,下同.
代码说明:
表格的基本结构:
常用的参数设定及注解:
width="400"
表格宽度,接受绝对值(如 500)及相对值(如 80%)。
border="10"
表格边框的厚度。
cellspacing="2"
表格格线的厚度
cellPadding=5 表格格线内厚度
align="CENTER"
表格的摆放位置(水平),可选值为:左: left, 右: right, 居中:
valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。
background="背景图片网址"
表格的背景图片,与 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色,与 background 不要同用
bordercolor="#CF0000"
表格边框颜色
bordercolorlight="#00FF00"
表格边框向光部分的颜色
bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark
大家可以自己修改层数,颜色,背景,表格数据,也可以照搬我的代码 ,呵呵
首先说明:
几个常用代码:
代码为换行符,一般在html中不使用回车断行。
段落标签:
文件段落的开始由<>来标记,段落的结束由来标记,是可以省略的, 因为下一个<>的开始就意味着上一个<>的结束。
标签还有一个属性ALING,
它用来指名字符显示时的对齐方式,一般值有CENTER、LEFT、RIGHT三种。位置控制:
通过ALIGN属性可以选择文字或图片的对齐方式,LEFT表示向左对齐,RIGHT表 示向右对齐,CENTER表示居中。基本语法如下:
#=left/ right/center
居中:....
贴图基本代码:
单幅图片:
IMG还有两个属性是HEIGHT和WIDTH,分别表示图形的高和宽。通过这两个属性, 可以改变图形的大小,如果没有设置,图形按原大显示:
一些常用特效:
单幅向右移动图片:
picture/2004-07-6/1089120972.gif>
单幅向左移动图片:
picture/2004-07-14/1089801245.gif>
单幅向上移动图片:
picture/2004-07-14/1089801245.gif>
单幅向下移动图片:
picture/2004-07-14/1089801245.gif>
左右移动的图片:
居中移动的图片:
其中scrollamount=2 后面的2代表移动速度
behavior=alternate 来回走
slide 只走一次
scroll 一圈一圈绕着走
给图片加边框:
说明:
border="6" 表格边框的厚度,不同浏览器有不同的内定值。
cellspacing="2" 表格格线的厚度
cellPadding=1 表格格线内厚度
borderColor=#841A00 边框色彩
三.怎样加入文字:
基本代码:
文字内容
也可以用:文字内容
其中:50pt和size是字体大小,可以调整数值;华文行楷是字体,也可以调整; red是颜色
一些文字常用特效:
带阴影的文字:
移动的文字:
说明:left向左移动
说明:right向右移动
说明:scroll一圈 一圈绕着走
说明:slide 只走一次
说明: alternate 来回走
文字上行代码:
是否
你会怪我将思念如此轻易的放逐
在你背转身 的时候
悄悄的 悄悄的从你身后逃离
就此消失在苍茫的尘 世间
再也没有任何的消息与提示
< /CENTER>
文字上行可以加入背景图片:
align=center background=http://61.132.72.53/discuz/attachments/ showfile_tYqBlogEkvAH.jpg height=850>
文字特效:
由中间向两边移动的文字和图片代码如下
边移动的文字和图 片2004612/UF488696.gif">
片图和字文的动移边两 向upload/2004612/UF488696.gif">
由两边向中间移动的文字和图片代码如下
片图和字文的动移间中 向upload/2004612/UF488696.gif">
向中间移动的文字和图 片upload/2004612/UF488696.gif">
百叶窗效果:
漂动的图片或文字:
height="6600":漂动图片的运行高度 其值可自由设定
width=588 :图片在网页中的运行宽度
其实你仔细看看,文字无非就是字体,大小和颜色而已.大家可以试着用上 面的代码玩玩.
四.加入Flash特效:
基本代码:
或者: (这是加入了大小限制)
常用特效:
在图片上采用透明FLAH:
bordercolor=#84B98D background=图片地址>
注意:长和宽的设定要根据图片的实际大小来设定.
五.插入背景音乐:
背景音乐(适合 mid wma等格式)
音频(适合MP3 WMA RM等很多格式)
代码如下:
视频
Loop=true width=400 height=400>
说明:
auto_old=true 表示是否要音乐文件传送完就自动播放,TRUE是要, FALSE是不要,默认为true,
Loop=true 表示设定播放重复次数,LOOP=3表示重复3次,true表示无 限次播放,FALSE播放一次即停止。
width=宽度 height=高度 可以设定控制播放器面板的大小,如果都设置 为0就可以把播放器隐藏了
六.经常用的两个特效:
有时候我们发的帖子显示不完全,有的是因为屏幕分辨率的原因,比如800*600或1024*768 但是更多的是没有采用下面的宽屏帖子编辑:
宽屏帖子编辑:
注意:发表前,一定要取消<自动修正>,否则,就没有宽屏了.
其实只要改第一层表格就可以了
居中:
贴图基本代码:
单幅图片:
IMG还有两个属性是HEIGHT和WIDTH,分别表示图形的高和宽。通过这两个属性, 可以改变图形的大小,如果没有设置,图形按原大显示:
一些常用特效:
单幅向右移动图片:
单幅向左移动图片:
单幅向上移动图片:
单幅向下移动图片:
左右移动的图片:
居中移动的图片:
其中scrollamount=2
给图片加边框:
说明:
border="6" 表格边框的厚度,不同浏览器有不同的内定值。
cellspacing="2" 表格格线的厚度
cellPadding=1 表格格线内厚度
borderColor=#841A00 边框色彩
基本代码:
文字内容
其中:50pt和size是字体大小,可以调整数值;华文行楷是字体,也可以调整;
一些文字常用特效:
带阴影的文字:
(color=#b1606c); WIDTH: 100%; COLOR: #ff8000; LINE-HEIGHT: 150%;
移动的文字:
说明:right向右移动
说明:scroll一圈
说明:slide 只走一次
文字上行代码:
是否
你会怪我将思念如此轻易的放逐
在你背转身 的时候
悄悄的 悄悄的从你身后逃离
就此消失在苍茫的尘 世间
再也没有任何的消息与提示
< /CENTER>
文字上行可以加入背景图片:
文字特效:
由中间向两边移动的文字和图片代码如下
由两边向中间移动的文字和图片代码如下
片图和字文的动移间中 向upload/2004612/UF488696.gif">
向中间移动的文字和图 片upload/2004612/UF488696.gif">
百叶窗效果:
漂动的图片或文字:
height="6600":漂动图片的运行高度 其值可自由设定
width=588 :图片在网页中的运行宽度
其实你仔细看看,文字无非就是字体,大小和颜色而已.大家可以试着用上 面的代码玩玩.
四.加入Flash特效:
基本代码:
或者: (这是加入了大小限制)
常用特效:
在图片上采用透明FLAH:
注意:长和宽的设定要根据图片的实际大小来设定.
五.插入背景音乐:
背景音乐(适合 mid wma等格式)
音频(适合MP3 WMA RM等很多格式)
代码如下:
视频
Loop=true width=400 height=400>
说明:
auto_old=true 表示是否要音乐文件传送完就自动播放,TRUE是要, FALSE是不要,默认为true,
Loop=true 表示设定播放重复次数,LOOP=3表示重复3次,true表示无 限次播放,FALSE播放一次即停止。
width=宽度 height=高度 可以设定控制播放器面板的大小,如果都设置 为0就可以把播放器隐藏了
六.经常用的两个特效:
有时候我们发的帖子显示不完全,有的是因为屏幕分辨率的原因,比如800*600或1024*768
宽屏帖子编辑:
注意:发表前,一定要取消<自动修正>,否则,就没有宽屏了.
其实只要改第一层表格就可以了
WIDTH: 980px; "LEFT: -220px; 其中的图片地址是控制边框的颜色,可以根据需要进行更换. 另一个特效是透明flash多层叠加: 上面就是一个HTML帖子的基本内容,以上所写的所有代码中的图片, flash, 音乐的链接,大家可以自由替换成自己喜欢的,然后一段代码一段代码自己试 试,看着好像很复杂的代码,其实你根本不用专门去学HTML语言,只要简单套 用就可以了,不过只是修改其中的链接和文字而已.~~~~~ |