返回论坛首页联系我们论坛帮助
>>  
搜一搜更多此类问题 
动网先锋论坛各地知青衡阳知青 → 唯美html贴图 HTML简易教程.透明Flash背景

您是本帖的第 4599 个阅读者
树形 打印
标题:
唯美html贴图 HTML简易教程.透明Flash背景
夜深人静
帅哥哟,离线,有人找我吗?
等级:版主
文章:1932
积分:11605
门派:无门无派
注册:2007年7月24日
楼主
 点击这里发送电子邮件给夜深人静

发贴心情
唯美html贴图 HTML简易教程.透明Flash背景

   根据衡阳坛子朋友要求,对html贴图有着浓厚的兴趣,只是自己只有半碗水,毫无保留向大家汇报,苦于无从下手,找不到要领,说到哪里算哪里吧,我收集整理了这个HTML简易教程,希望能给大家带来一点帮助。很简单的,多弄几次就会了,也可以参考《都是菜鸟》和《网页特效》论坛,8月以前,我什么都不会,我也是从那里启蒙的。

1、一:背景

一个完整的HTML代码贴  

                      


美贴=背景+文章+插图+收尾

以上原代码如下:
<TABLE align=center background="背景图片网址http://www.hnzqw.com/UploadFile/2007-11/200711131193717019.jpg" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>

注,1、发贴删除“背景图片网址”,这里是文字示意。

    2、在图内可以任意填写文字和复制图片。


来自儿时仰望星空的梦想,梦想的追寻和失落,天空中横亘的星河,光华璀璨却遥不可及。
   月光下,宁静的湘江河畔,落水声打破了宁静,惊碎了月影,击碎了无忧无虑青葱岁月的梦……。
ip地址已设置保密
2007/11/13 11:17:39
夜深人静
帅哥哟,离线,有人找我吗?
等级:版主
文章:1932
积分:11605
门派:无门无派
注册:2007年7月24日
2
 点击这里发送电子邮件给夜深人静

发贴心情

文字+图片

</TD></TR></TBODY></TABLE>

注意事项:前边用了多少<table><tr><td>后面就要有多少</td></tr></table>收尾。多收和少收都会使帖子出错,出错后效果图片不显示,只显示你的全部代码。

常用的参数设定及注解:

<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">

<table 是帖子的开头

<tobdy>是表元,理解为开头必须的就是。

<tr><td>是表格的行与列,默认都是1,即一个格子。

<br>为换行。

<P>和</P>:段落的开始和结束。

width="400"
表格宽度,接受绝对值(如 500)及相对值(如 80%)。

border="10"
表格边框的厚度。

cellspacing="2"
表格格线的厚度

cellPadding=5 表格格线内厚度

align="CENTER"
表格的摆放位置(水平),可选值为:左: left, 右: right, 居中: center

valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。   

background="背景图片网址"
表格的背景图片,与 bgcolor 不要同用。

bgcolor="#0000FF"
表格的底色,与 background 不要同用

bordercolor="#CF0000"
表格边框颜色

bordercolorlight="#00FF00"
表格边框向光部分的颜色

bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

不要急于求成,多多试验,一步一步来,我会陆续上传制作html贴图要领的。


来自儿时仰望星空的梦想,梦想的追寻和失落,天空中横亘的星河,光华璀璨却遥不可及。
   月光下,宁静的湘江河畔,落水声打破了宁静,惊碎了月影,击碎了无忧无虑青葱岁月的梦……。
ip地址已设置保密
2007/11/13 11:28:31
彬彬
美女呀,离线,留言给我吧!
等级:知青(VIP)
文章:107
积分:1294
门派:无门无派
注册:2007年6月26日
3
 点击这里发送电子邮件给彬彬

发贴心情

   谢谢版主的指教!只不过是那么些代码太难记.人老了,记忆力差~~~~

   希望今后能多多传授一些操作,编辑经验.谢谢!

ip地址已设置保密
2007/11/13 23:55:09
夜深人静
帅哥哟,离线,有人找我吗?
等级:版主
文章:1932
积分:11605
门派:无门无派
注册:2007年7月24日
4
 点击这里发送电子邮件给夜深人静

发贴心情
以下是引用彬彬在2007-11-13 23:55:09的发言:

   谢谢版主的指教!只不过是那么些代码太难记.人老了,记忆力差~~~~

   希望今后能多多传授一些操作,编辑经验.谢谢!


不用记代码呀,就将你所需要的图片粘贴代码中就可以了。

来自儿时仰望星空的梦想,梦想的追寻和失落,天空中横亘的星河,光华璀璨却遥不可及。
   月光下,宁静的湘江河畔,落水声打破了宁静,惊碎了月影,击碎了无忧无虑青葱岁月的梦……。
ip地址已设置保密
2007/11/14 12:29:09
夜深人静
帅哥哟,离线,有人找我吗?
等级:版主
文章:1932
积分:11605
门派:无门无派
注册:2007年7月24日
5
 点击这里发送电子邮件给夜深人静

发贴心情

二:贴图


1.基本代码:

<img src=图片网址 width=图片宽度 height=图片高度>

注意:设定图片大小,此宽度及高度一般采用 pixels (也就是像素)作单位。通常只设为图片的真实大小,以免失真,若需要改图片大小最好使用图像编辑工具(改变大小的宽和高与原图的宽和高要成正比例,图片最好是改小不改大,以免失真)。

2.给图片加边框


基本代码:

<table border=10 cellSpacing=2 cellPadding=1 borderColor=#626DFA><tbody><tr><td><img src=图片地址 width=348 height=315></td></tr></tbody></table>

说明:
border="10" 表格边框的厚度,若不想显示边框,可将参数设置为“0”。
cellspacing="2" 表格格线的厚度
cellPadding=1 表格格线内厚度
borderColor=#626DFA 边框色彩

    现在我们做一点调整,改变一下边框色彩参数的设置,看看会发生什么变化。



   看出来了吗?边框呈现出了立体效果。这是因为,我们将边框颜色代码进行了替换,替换代码如下:。 borderColorlight=#06D5E7 表格边框“向光”部分的颜色

borderColordark=#1B77F4 表格边框“背光”部分的颜色

注:borderColorlight=#06D5E7(向光) 与borderColordark=#1B77F4(背光) 感光代码使用后,borderColor=#626DFA 边框色彩代码即失效。

基本代码:

<table border=10 cellSpacing=2 cellPadding=1 borderColorlight=#06D5E7 borderColordark=#1B77F4><tbody><tr><td><img src=图片地址 width=348 height=315></td></tr></tbody></table>


来自儿时仰望星空的梦想,梦想的追寻和失落,天空中横亘的星河,光华璀璨却遥不可及。
   月光下,宁静的湘江河畔,落水声打破了宁静,惊碎了月影,击碎了无忧无虑青葱岁月的梦……。
ip地址已设置保密
2007/11/14 12:39:17
湾里泉
帅哥哟,离线,有人找我吗?
等级:知青(VIP)
文章:38
积分:400
门派:无门无派
注册:2007年9月2日
6
 点击这里发送电子邮件给湾里泉

发贴心情

用代码做太麻烦了,看我用电脑自带的图画工具轻松就做出来了。


按此在新窗口浏览图片
ip地址已设置保密
2007/11/14 20:30:22
夜深人静
帅哥哟,离线,有人找我吗?
等级:版主
文章:1932
积分:11605
门派:无门无派
注册:2007年7月24日
7
 点击这里发送电子邮件给夜深人静

发贴心情
   弯里泉你好:我说的是给图片加边框,这是各种基本简易边框,而且有立体效果,比软件更容易,只要图片往代码里一套即可。





来自儿时仰望星空的梦想,梦想的追寻和失落,天空中横亘的星河,光华璀璨却遥不可及。
   月光下,宁静的湘江河畔,落水声打破了宁静,惊碎了月影,击碎了无忧无虑青葱岁月的梦……。
ip地址已设置保密
2007/11/14 20:45:42
湾里泉
帅哥哟,离线,有人找我吗?
等级:知青(VIP)
文章:38
积分:400
门派:无门无派
注册:2007年9月2日
8
 点击这里发送电子邮件给湾里泉

发贴心情

给图片加边框也一样轻松搞定。


按此在新窗口浏览图片
ip地址已设置保密
2007/11/14 21:38:08
彬彬
美女呀,离线,留言给我吧!
等级:知青(VIP)
文章:107
积分:1294
门派:无门无派
注册:2007年6月26日
9
 点击这里发送电子邮件给彬彬

发贴心情
以下是引用夜深人静在2007-11-14 12:29:09的发言:

不用记代码呀,就将你所需要的图片粘贴代码中就可以了。

等我有空了,好好地操作操作!

ip地址已设置保密
2007/11/14 23:59:39
夜深人静
帅哥哟,离线,有人找我吗?
等级:版主
文章:1932
积分:11605
门派:无门无派
注册:2007年7月24日
10
 点击这里发送电子邮件给夜深人静

发贴心情

3、制着简单的透明Flash背景图,代码如下。

<TABLE cellSpacing=0 cellPadding=8 width=700 background=插入图片地址 border=1>
<TBODY>
<TR>
<TD>
<TABLE height=450 cellSpacing=0 cellPadding=0 width=600 align=center background=插入图片地址 border=0>
<TBODY>
<TR>
<TD><EMBED src=插入透明FLASH地址 width=600 height=450 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"><EMBED src=插入音乐地址 width=0 height=0 type=application/x-mplayer2 volume="0" autostart="1" loop="-1"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

如下图就是以上的代码组成一副动态带有音乐的图片






来自儿时仰望星空的梦想,梦想的追寻和失落,天空中横亘的星河,光华璀璨却遥不可及。
   月光下,宁静的湘江河畔,落水声打破了宁静,惊碎了月影,击碎了无忧无虑青葱岁月的梦……。
ip地址已设置保密
2007/11/15 11:45:24

 14   10   1/2页      1   2   尾页 
湘ICP备05003987号

网上贸易 创造奇迹! 阿里巴巴 Alibaba
Copyright ©2000 - 2005 Aspsky.Net
页面执行时间 0.22266 秒, 4 次数据查询