[推荐]让我们把图片做的更漂亮

如梦儿

代码如下：

<P align=center> <TABLE border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,style=2)" width=450 background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/033.files/lamppic.jpg height=400> <P><B><EMBED align=right src=http://mouse520.51.net/flash/36.swf width=350 height=390 type=application/octet-stream quality="high" wmode="transparent"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://bg.e-yu.cn/fh/3/31.swf width=350 height=390 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://wanruo.jahee.com/jpsc/flash/19.swf width=350 height=390 type=application/octet-stream wmode="transparent" quality="high"></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P>

复制可用

如梦儿

四.透明FLAH的应用

1.常用效果

如梦儿

<P align=center></P> <TABLE height=323 cellSpacing=0 cellPadding=0 width=430 align=center background=图片 border=0> <TBODY> <TR> <TD><EMBED align=right src=透明FLASH width=430 height=323 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE>

注意：长和宽的设定要根据图片的实际大小来设定

如梦儿

五.贴音乐代码

1.背景音乐（适合　mid wma等格式）

<bgsound src=音乐网址 Loop=-1>

2.音频（适合MP3 WMA RM等很多格式）

代码如下：

<embed src=音乐网址 type=audio/x-pn-realaudio-plugin controls=ControlPanel,StatusBar AutoStart=true Loop=true width=500 height=50>

3.视频

<embed src=视频网址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=480 height=360>

4.FLASH

<embed src=网址 width=480 height=360>

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

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

width=宽度 height=高度　可以设定控制播放器面板的大小，如果都设置为0就可以把播放器隐藏了。

竹溪山人

背景音乐，可以放博客里吗？谢谢！

画罗裙

不错，学起来很方便，如梦儿辛苦！谢谢！

如梦儿

以下是引用竹溪山人在2006-10-21 18:24:58的发言： 背景音乐，可以放博客里吗？谢谢！

可以！~~

天阔云闲

谢谢：联都代码首席老师！

如梦儿

大汗，偶也是在学习呢！~ [em04]

如梦儿

网络教材精选（二）

HTML标签做帖详解[新手必看]

（原创:雪夜寒星）

一：背景

效果如：

原代码如下：

<TABLE borderColor=#ffff00 height=200 cellSpacing=2 cellPadding=0 width=277 align=center background=http://club.xialala.com/images/upload/2004/06/09/121725.jpg border=3> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></P>

帖子内容，文字或图片..... </TD></TR></TBODY></TABLE>

<TABLE> 的参数设定（常用）：

<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">

注解：

width="400" 表格宽度，接受绝对值（如 80）及相对值（如 80%）。

border="1" 表格边框的厚度，不同浏览器有不同的内定值，故请指明。

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

align="CENTER" 表格的摆放位置（水平），可选值为： left, right, center

valign="TOP". 表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。 　　

background="myweb.gif" 表格的背景图片，与 bgcolor 不要同用。

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

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

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

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

cols="2" 表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。

如梦儿

二、帖图格式 帖图基本格式如下： <IMG src="图片连接URL地址">

<IMG> 称图形标记，主要用来插入图形标记。

<IMG> 的一般参数设定：

　　例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">

src="logo.gif" 图片来源，接受 .gif, .jpg 及 .png 格式，前两者通行已久，后者则由 96 年开始发展， 于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称，否则 必须加上正确的路径，相对或绝对均可。

width=100 height=100 设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小，以免失真，若需要改图片大小最好使用图像编辑工具。（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。）

hspace=5 vspace=5 设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间， 是设定图片上下的空间，高度采用 pixels 作单位。

border=2 图片边框厚度

align="top" 调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、 左右等，可选值：top, middle, bottom, left, right，内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom， texttop 表示图片和文字依顶线对齐， baseline 表示图片对齐到目前文字行底线值， absmiddle 表示图片对齐到目前文字行绝对中央， absbottom 表示图片对齐到目前文字行绝对底部，（绝对底部是指它考虑到比如 y 、g、q 等字的下边）。

alt="Logo of PenPal Garden" 这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字 将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示。

lowsrc="pre_logo.gif" 设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低 解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本。

如梦儿

三、文字设制

一、文字基本设制

基本代码如下：

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

align=center　表示字体居中，可选值为居右（right）居左（left）

color=颜色代码　具体颜色代码可参照：颜色选取＜＜点击查看 face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为7　取值越大文字就越大

二、大字体文字

效果：

联都图联版

如梦儿

三、移动文字设置：

基本代码1：

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)

基本代码2：

<marquee behavior=移动效果>插入文字</marquee>

说明：

behavior=scroll 一圈一圈绕着走　

behavior=slide

只走一次　behavior=alternate 来回走

停停走走：

效果如：

插入文字

代码如下：

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

[此贴子已经被作者于2006-10-28 17:58:52编辑过]

如梦儿

四、文字特效显示

效果一：

联都图联版欢迎您！

原代码：

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>联都图联版欢迎您！</B></FONT></CENTER>

[此贴子已经被作者于2006-10-28 18:07:06编辑过]

叮叮

谢谢如梦老师,偶好好学习,做老师的好学生.

如梦儿

以下是引用叮叮在2007-1-17 5:29:01的发言：

谢谢如梦老师,偶好好学习,做老师的好学生.

　晕倒，妹妹是高手，偶怎敢为师？～～～

烟绿指凉

[此贴子已经被作者于2008-12-6 22:40:16编辑过]

甲甲梦

甲甲梦来了！

甲甲梦

如何在图片中加入文字? 如何在图片中加入文字? 如何在图片中加入文字？ 如何在图片中加入文字？ 如何在图片中加入文字？

甲甲梦

59楼的代码是。。

<TABLE height=450 cellPadding=10 width=600 align=center background=http://www.edufs.com/upfile/200511/2005112833492000.jpg border=3 table="0"> <TBODY> <TR> <TD> <DIV align=center><FONT face=楷体_GB2312 color=#ff99ad size=6><B>如何在图片中加入文字?</B></FONT></DIV><BR><BR><BR> <DIV align=center><FONT face=楷体_GB2312 color=#aaddff><B><FONT face=楷体_GB2312 color=#aaddff size=6>如何在图片中加入文字?</B></FONT></DIV><BR><BR><BR> <DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=6><B>如何在图片中加入文字？</B></FONT></DIV><BR><BR><BR> <DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=6><B>如何在图片中加入文字？</B></FONT></DIV><BR><BR><BR> <DIV align=center><FONT face=楷体_GB2312><FONT color=#ffffff><B><FONT size=6>如何在图片中加入文字？<BR><BR></FONT></B></FONT></FONT></DIV></FONT></TD></TR></TBODY></TABLE>