神马文学网HTML代码学习m
来源：百度文库 编辑：神马文学网 时间：2024/04/28 18:46:02
第一部分，基础学习
一，颜色代码：
（绿色）
填入文字
（褐色）
填入文字
（蓝色）
填入文字
（紫色）
填入文字
（红色）
填入文字
二,文字加粗 倾斜的代码
文字加粗的代码是: 你好
文字倾斜的代码是: 你好！
三，文字链接代码：
如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，
代码是这样：
填入文字
如果要点了这个文字以后重新打开一个窗口的话，代码是：
填入文字
四，在网站上放图片的代码：
如果你看到一个好看的图片想放到网站上，代码是这样的：
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模式，修改代码。
编写代码的时候，代码之间只能空一格，如 昧嘶爻祷蚴欠中芯突嵛薹ㄕ Ｏ允玖 恕Ｈ绻 ⒈硖 雍螅 鱿郑阂韵履谌莺疟?或可能导致页面不正常的代码的提示，可 以试运行代码，如果显示正常，那只要在修改编辑的时候，看看代码之间有没有多 了或少了什么东西 ，把这些都删除修改，就可以正常显示了！
ＤＶＢＢＳ7、0的版本不支持网页外挂，所以有些复杂的特效不能使用，象鼠标特 效这些等！
ＤＶＢＢＳ7、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">
百叶窗效果：
漂动的图片或文字:
behavior=alternate scrollamount=5 direction=up height="6600"> width=588>
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>
文字上行可以加入背景图片：
文字特效：
由中间向两边移动的文字和图片代码如下
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语言,只要简单套 用就可以了,不过只是修改其中的链接和文字而已.~~~~~ |