外国读者评价无限恐怖:[如何制作精美帖]HTML代码实际应用讲解-非常男女-苏州百姓论坛苏州第一社区-bbs....

来源:百度文库 编辑:偶看新闻 时间:2024/04/30 08:29:13

[如何制作精美帖]HTML代码实际应用讲解

HTML的英语全称为Hyper Text Markup Language,中文意思是超文本标识语言(简称为:超文本语言)。


下面我就从最基本的、最基础东西开始,和大家共切磋(高手勿看,否则俺就紧张、害羞啦)


HTML语言音画最基本的构成就是四个部分:
边框
图片(内容)
音乐
FLASH


下面先讲边框:


边框可以设置任意N层,你想要几层就几层,网上很协调美观的边框大部分都是专业人士制做(有些网站可以专门下载),你不要一看见一个漂亮边框就认为楼主高不可攀,实际上大部分会员用的协调美观的边框都是共享的(当然,也有很大一部分高手是原创,例如大家比较熟悉的夜色迷离、白山岫水等高手),所以我在这里可以这样说:网上的边框是共享的,大家完全可以心安理得地去借用和复制,不用脸红(但本坛支持原创)!哈哈,我是借用别人的边框从来不脸红的人。


下面是一个七层边框的实例介绍,图片可以任意换,只要你觉着好看就行:





























此处插入主文TD>

蓝色部分是结尾,


(我偷偷的告诉你一个小窍门:做完边框和内容后,结尾部分不用自己写,在Design格式[也就是第一个格式 Design]与HTML格式[ HTML]之间来回打几次,系统就自动给你写好了,别泄密哦)


其中:border =边框粗细 width= 边框宽度 height =边框高度cellspacing=单元格间距 cellpadding=边框间距 borderColor=边框颜色 background =插入的背景 (这几个格式你可要背过了啊,如果也和我一样记忆力不好,可以复制到你的文件夹里)


下面是帖子内容的基本格式(这些您可要记住了,如记忆力不好,可复制到文件夹里)



1、贴图片格式(支持jpg、gif等格式),红色代码是图片居中命令:


< align=center>


2、贴普通字体格式,蓝色代码为字的颜色、红色代码为字的大小(最大为了7,最小为1),其他运动字体的格式,另行讲解:


color=#e4dc9b size=4>皮尔卡丹时尚论坛


3、贴FLASH格式(红色代码分别是宽度与高度):


width=380 height=270 type=application/x-shockwave-flash quality="high" wmode="transparent">


另外为大家介绍三种flash 的代码


代码1(普通的flash的插入代码)



代码2(无限制的flash的代码)




代码3(大型flash )




代码4(双层flash的代码)


本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线

级别: 省长

 

  • UID94966
  • 精华 4
  • 发帖2001
  • 百姓钱0 个
  • 百姓币0 个
  • 注册时间2005-07-27
  • 最后登录2008-03-06
只看该作者   小中大   沙发  发表于: 2005-08-29

常用特效
1。透明


style="FILTER: Alpha(opacity=100,style=2)"

2。倒影


< align=center>图片地址"> id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px">">

>

3蝴蝶飞舞



发贴前别忘了把自动修正的小勾除掉自动修正


图片加透明FDLASH格式:



发贴前别忘了把自动修正的小勾除掉自动修正


贴音乐格式(红色部分为播放器的大小,设置为0就隐藏了播放器):


1.背景音乐(适合 mid wma等格式)


2.音频(适合MP3 WMA RM等很多格式)
width=400 height=40


3.视频


说明:AutoStart=true 表示是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为true

Loop=true 表示设定播放重复次数,LOOP=3表示重复3次,true表示无限次播放,FALSE播放一次即停止。


为让大家有个直观的认识,就我自己的一个成品帖子,做一下实例演示:


(帖子地址:http://www.maoge.com.cn/bbs/dispbbs.asp?boardID=2&ID=32&page=1


1、红色部分是边框;


2、蓝色部分是内容


3、黑色部分是结尾


4、紫色部分是音乐
































< align=center>


< align=center>


< align=center>






< align=center>


< align=center>




< align=center>


< align=center>






< align=center>


< align=center>






< align=center>


< align=center>


< align=center>

src=http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3 width=0 height=0 type=audio/mpeg Loop="true" AutoStart="true">




1、红色边框部分:



A

=开始
=结尾 (这两个是绝对格式,否则就成乱码了)


B、cellSpacing=15 =单元格间距(可以任意设置宽度)


C、cellPadding=0 =边框间距


D、width=570 =边框宽度


E、background =插入的背景格式


F、*http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg* =背景图片


G、border=0> = 边框粗细


2、蓝色内容部分:







< align=center>


< align=center>


< align=center>






A、(过渡指令码,我们就这么叫吧)



B、(分隔线图片、GIF图片)


< align=center>


< align=center>


C、背景图片



D、单层FLASH





E、本单元结尾




3、黑色结尾部分(略,可系统自动结尾)



4、紫色音乐部分:



A、=开始


B、音乐地址:


http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3


C、播放器大小(隐藏格式)


width=0 height=0


D、自动重复播放格式


type=audio/mpeg Loop="true" AutoStart="true">

本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线

级别: 省长

 

  • UID94966
  • 精华 4
  • 发帖2001
  • 百姓钱0 个
  • 百姓币0 个
  • 注册时间2005-07-27
  • 最后登录2008-03-06
只看该作者   小中大   板凳  发表于: 2005-08-29

为方便大家制做HTML音画,特发一些相关代码。


1、特效字体用哪种字,可直接打开引用复制,也可到楼下按顺序或内容直接复制代码、发表时把顺序号拿掉。特别提醒:以下字体发表时一定把自动修正的小勾除掉




1

皮尔卡丹


2、< align=center>欢迎大家



3

记住看贴要回帖呀


4、< align=center>

皮尔卡丹时尚论坛


5


< align=center>皮尔卡丹


6
< align=center>皮尔卡丹


7
< align=center>皮尔卡丹



8

皮尔卡丹


9皮尔卡丹时尚论坛欢迎你您
您迎欢坛论尚时丹卡尔皮


10、< align=center>皮尔卡丹时尚论坛欢迎你您



11
< align=center>时尚论坛



12












皮尔卡丹时尚论坛欢迎你您


13祝贺皮尔卡丹论坛开通迎客


14
< align=center>特效字体很多很多
我只发了几个自己喜欢用的
如各位有什么特殊要求可系统短信通知


注:30pt ,pt前面的数字为调整字体大小


2、特效透明FLASH(发表时把自动修正的小勾拿掉)


(自上而下飘雪花)





(自上而下飘柳叶)






(由下而上飘红心)














(由下而上飘玫瑰)




注:层数、高宽度、FLASH地址、物体大小可任意设


置和更换:


1、RIGHT: 100px =物体大小


2、WIDTH: 800px =宽度


3、HEIGHT: 3000px =高度

本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 adai001 离线

级别: 省长

 

  • UID57344
  • 精华 0
  • 发帖716
  • 百姓钱226 个
  • 百姓币0 个
  • 注册时间2005-01-12
  • 最后登录2010-11-10
只看该作者   小中大   地板  发表于: 2005-08-29 如果论坛不容许使用HTML怎么办? 本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 =水下工作者= 回复 引用 举报顶端 野兽 离线

级别: 省长

 

  • UID94966
  • 精华 4
  • 发帖2001
  • 百姓钱0 个
  • 百姓币0 个
  • 注册时间2005-07-27
  • 最后登录2008-03-06
只看该作者   小中大   4楼 发表于: 2005-08-29 一、右向左移动
1、

我从右向左移

上述语法显示如下:


我从右向左移


2、
我从右向左转

上述语法显示如下:








我从右向左转



二、左向右移动
1、
移右向左从我

上述语法显示如下:


移右向左从我


2、
走右向左从我

上述语法显示如下:








走右向左从我



3、虫年千有边右说听

上述语法显示如下:

虫年千有边右说听








三、下向上移动,scrollamount=5 是向上移动速度,可以调整,一般设置在1———15的范围内比较好

1、

我从下向上移

上述语法显示如下:



我从下向上移


2、

我在上楼耶

上述语法显示如下:









我在上楼耶



四、上向下移动, scrollamount=5 是移动速度,可以调整,一般设置在1———15的范围内比较好

1、
我从上向下移

上述语法显示如下:


我从上向下移


2、
我下楼很快耶

上述语法显示如下:


我下楼很快耶








五、来回移动, scrollamount=10 是移动速度,可以调整,一般设置在1———15的范围内比较好

1、
我来回的移动

上述语法显示如下:


我来回的移动


2、
我来回走耶

上述语法显示如下:








我来回走耶



六、右向左上下起伏飞翔,height=100 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50———150的范围内比较好

我在追“心”
上述语法显示如下:














我在追“心”



七、左向右上下起伏飞翔, height=200 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50———150的范围内比较好

!去回快


上述语法显示如下:


!去回快
本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线

级别: 省长

 

  • UID94966
  • 精华 4
  • 发帖2001
  • 百姓钱0 个
  • 百姓币0 个
  • 注册时间2005-07-27
  • 最后登录2008-03-06
只看该作者   小中大   5楼 发表于: 2005-08-29

移动字幕的基本使用方法:<在HTML状态下>


中间是要移动的文字,到 结束。










字幕代码: 愿我们大家齐心协力共同建设这个美好的网上家园! 。


运行结果如下:


愿我们大家齐心协力共同建设怀这个美好的网上家园!

可以用“direction=”改变运动方向: 愿我们大家齐心协力共同建设这个美好的网上家园


运行结果如下:


愿我们大家齐心协力共同建设这个美好的网上家园!
  用下面代码可以使文字左右来回运动: 愿我们大家齐心协力共同建设这个美好的网上家园

运行结果如下:


愿我们齐心协力共同建设这个美好的网上家园!
  下面的代码设置在一定区域内让文字上滚:“scrollamount=”可改变速度。
愿我们大家齐心协力共同建设这个美好的网上家园





运行结果如下:

  

愿我们大家齐心协力共同建设这个美好的网上家园!


 以上代码就是设置一个宽度300高度150的区域,定义“direction=up”文字向上运动。“scrollamount=2”定义运动速度,你可以改变成其他数值试试看速度怎么样变化。还可以在里面加上“bgcolor=”设置移动区域里的背景色:

运行结果如下:



愿我们大家齐心协力共同建设这个美好的网上家园!

本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线

级别: 省长

 

  • UID94966
  • 精华 4
  • 发帖2001
  • 百姓钱0 个
  • 百姓币0 个
  • 注册时间2005-07-27
  • 最后登录2008-03-06
只看该作者   小中大   6楼 发表于: 2005-08-29
字体设置



常用的字体尺寸定义有7个号,1号字最小,7号字最大,定义字号指令代码: 各种字号尺寸如下:

   一号字尺寸式样
   二号字尺寸式样
   三号字尺寸式样
   四号字尺寸式样
   五号字尺寸式样
   六号字尺寸式样
     对于标题字要求比正文字体粗些,可用定义,其中“h”后面是字号,“h1”最大,“h7”最小。如下:



  

二号标题字  


  

三号标题字  


  

四号标题字  


  
五号标题字  

  
六号标题字  

字符颜色的设置






指令代码是:


兰、绿都为“00”,字体为红色
兰、红都为“00”,字体为绿色红、绿都为“00”,字体为兰色

本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线

级别: 省长

 

  • UID94966
  • 精华 4
  • 发帖2001
  • 百姓钱0 个
  • 百姓币0 个
  • 注册时间2005-07-27
  • 最后登录2008-03-06
只看该作者   小中大   7楼 发表于: 2005-08-29













制语法后能用


_______________________________________________________________________________________________


















[此贴子已经被作者于2005-8-29 14:03:17编辑过] 本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线

级别: 省长

 

  • UID94966
  • 精华 4
  • 发帖2001
  • 百姓钱0 个
  • 百姓币0 个
  • 注册时间2005-07-27
  • 最后登录2008-03-06
只看该作者   小中大   8楼 发表于: 2005-08-29


苏州热线欢迎你
你迎欢线热州苏州


[此贴子已经被作者于2005-8-29 14:17:17编辑过] 本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 野兽 离线

级别: 省长

 

  • UID94966
  • 精华 4
  • 发帖2001
  • 百姓钱0 个
  • 百姓币0 个
  • 注册时间2005-07-27
  • 最后登录2008-03-06
只看该作者   小中大   9楼 发表于: 2005-08-29

这是楼上代码的运行结果。




苏州热线欢迎你


你迎欢线热州苏

[此贴子已经被作者于2005-8-29 14:08:59编辑过] 本帖最近评分记录: 隐藏评分记录清空我的评分动态 共 条评分 “地方街”男女配对报名啦 非诚勿扰! 99元体验健康祛痘活动火热报名中 回复 引用 举报顶端 上一主题下一主题«12»共2页 苏州百姓论坛 » 非常男女 http://bbs.88bx.com 访问内容超出本站范围,不能确定是否安全 继续访问 取消访问 描述
快速回复

限 100 字节 批量上传需要先选择文件,再选择上传 进入高级模式 加粗 字体颜色 背景颜色 插入链接 图片  回复后跳转到最后一页

  • 酷猴
  • 默认
  • 酷猴
123456
  • 诚聘英才
  • 联系我们
  • 无图版
  • 手机浏览
  • 清除Cookies
  • 返回顶部
Total 0.535916(s) query 4, Time now is:11-11 19:55, Gzip enabled
Powered by phpwind v8.0 Certificate Code ©2003-2010 phpwind.com Corporation