
- UID
- 34142
- 积分
- 99336
- 帖子
- 52683
- 精华
- 1
- 经验
- 71037 点
- 人气
- 314 点
- 天币
- 4094 元
- 贡献
- 2851 点
- 在线
- 1273 小时
- 注册
- 2007-7-10
|
文字的应用 字体居左,居中,居右 效果如下; 字体居左字体居中字体居右 基本代码如下:
<P align=center><FONT face=华文行楷 color=blue size=5>插入文字</FONT></P>:
<P align=center>表示居中,
<P align=left>表示居左,
<P align=right>表示居右. face=字体 常用字体为:宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等 size=字体大小,这里的最大值为7 取值越大文字就越大 color=颜色. 字体向两边走动: 效果如下; 文字向左移 文字向右移 基本代码如下:
<MARQUEE scrollAmount=4>文字向左移</MARQUEE>
<P>
<MARQUEE scrollAmount=4 direction=right>文字向左移</MARQUEE>说明:方向 direction=# #=left(左), right(右),scrollAmount=4(4=速度) 文字向上移动: 效果如下; 你是幸福的我是快乐的女:不让我寂寞你给我快乐也不会难过因为有你安慰我男:可是我的脚步总有你牵挂着再难走的路算什么合:就算风雨多让我陪你渡过可谁不想拥有温馨的生活男:但是人生从来总有起起落落心中有苦从不说男:你是幸福的我就是快乐的为你付出的再多我也值得合:与你是同路的我就是幸运的我幸福走过的是你搀扶的女:就算风雨多让我陪你渡过可谁不想拥有温馨的生活男:但是人生从来总有起起落落心中有苦从不说男:你是幸福的我就是快乐的为你付出的再多我也值得合:与你是同路的我就是幸运的我幸福走过的是你搀扶的男:不愿看你脸上有泪水划落女:拥有爱的人就不会寂寞合:不论生在哪一个偏僻的角落让已疲惫的心在此停泊男:你是幸福的我就是快乐的为你付出的再多我也值得合:与你是同路的我就是幸运的我幸福走过的是你搀扶的男:你是幸福的我就是快乐的为你付出的再多我也值得合:与你是同路的我就是幸运的我幸福走过的是你搀扶的我幸福走过的是你搀扶的 基本代码如下:
<MARQUEE scrollAmount=3 direction=up height=200>
<CENTER>文字向上移动 <BR><BR></FONT></CENTER></MARQUEE></FONT><BR><BR><BR><BR><BR>贴图 单幅图片: 效果如下; 基本代码如下: <ENTER><IMG src="图片地址" < center> 给图片加边框: 效果如下; 基本代码如下:
<TABLE borderColor=#841a00 cellSpacing=2 cellPadding=1 border=6>
<TBODY>
<TR>
<TD><IMG height=454 src="图片地址" width=610></TD></TR></TBODY></TABLE>说明:border="6" 表格边框的厚度,不同浏览器有不同的内定值 cellspacing="2" 表格格线的厚度 cellPadding=1 表格格线内厚度 borderColor=#841A00 边框色彩 透明FLAH的应用: 效果如下; 基本代码如下:
<ENTER>
<TABLE borderColor=#84b98d cellSpacing=2 cellPadding=2 background=图片 border=10 <TBODY>
<TBODY>
<TR>
<TD><EMBED src=透明网址 width=590 height=400 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></EMBED></TD></TR></TBODY></TABLE>
<CENTER></CENTER>注意:长和宽的设定要根据图片的实际大小来设定 背景音乐效果如下; 基本代码如下: <EMBED src=音乐网址 width=400 height=40 type=audio/x-pn-realaudio-plugin Loop="true" AutoStart="true" controls="ControlPanel,StatusBar"> 说明:AutoStart=true 表示是否要音乐文件传送完就自动播放, TRUE是要,FALSE是不要,默认为true Loop=true 表示设定播放重复次数, LOOP=3表示重复3次,true表示无限次播放,FALSE播放一次即停止。 width=宽度 height=高度 可以设定控制播放器面板的大小,如果都设置为0就可以把播放器隐藏了。 文章和图片加入边框和背景 单层: 效果; 加入内容 基本代码如下:
<TABLE borderColor=#841a00 cellSpacing=2 width="100%" align=center background=背景图片网址 border=10>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>说明:表格边框的厚度 border="10" 表格格线的厚度 cellspacing="2" 表格的摆放位置(水平) align="CENTER" 可选值为:左: left, 右: right, 居中: center 表格的背景图片 background="背景图片网址" 表格边框颜色 bordercolor="#CF0000" 边框多层: 效果; 加入内容 2006年4月 29 星期六 22:48:14 基本代码如下:
<DIV align=center>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center background=图片 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=25 cellPadding=0 width="100%" background=图片 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 cellPadding=0 width="100%" background=图片 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=图片 border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>加入内容 </DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>说明:align="center" 表格的摆放位置(水平),可选值为: left, right, center border="0" 表格边框的厚度,不同浏览器有不同的内定值. cellpadding="0" 文字内容与格线的距离. cellspacing="15" 表格格线的厚度,数值越大,显示就越厚. width="540" 表格宽度,接受绝对值(如 80)及相对值(如 80%)
------------------------------------------ 学做HTML代码贴 (一)简易代码 边框:1.两层
<P align=center>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
2.八层
<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=365 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD>加入内容 </TD></TR></TBODY></TABLE>
<DIV></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>3.
三层
<CENTER>
<TABLE cellSpacing=10 cellPadding=2 width=450 bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=8 cellPadding=10 width=450 bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<TABLE cellSpacing=8 cellPadding=10 width=450 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0153.gif border=0>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>4.
一层
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>
5.两层
<CENTER>
<TABLE borderColor=#0000ff cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width=480 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 cellPadding=5 width=430 align=center background=http://znrs.2000y.net/UploadFile/2004-6/200467181958882.jpg border=0>
<TBODY>
<TR>
<TD>加入内容 </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>加入图片代码: 一、单纯的一张图片
<P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/AqSegBJrrq214800bingchuan4.jpg"></P>二、加框有一层FLASH的图片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> </P></TD></TR></TBODY></TABLE>三、加框用两层FLASH的图片
<P align=center>
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462010554370.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://www.cn898.net/bg/400.swf width=400 height=280 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED align=right src=http://www.cn898.net/bg/fh/3/1.swf width=380 height=285 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR></P></TD></TR></TBODY></TABLE>四、两个FLASH上下排列的图片:
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095452492.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=150 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED src=http://www.cn898.net/bg/9.swf width=400 height=150 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"></P></TD></TR></TBODY></TABLE>五、下上移动的图片们:
<CENTER>
<MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 border="1" borderColor="#000000">
<P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/43akqeHuYd214718bingchuan4.jpg"></P>
<P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/DLSKfBs53V215623bingchuan4.jpg"></P>
<P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/ZEd88baGsn215638bingchuan4.jpg"></P></MARQUEE></CENTER>六、左右移动的图片们:(要有个背景哟)
<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/bihe.jpg___2004511215822101.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/by.jpg___2004511215822766.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/htys.jpg___2004511215822890.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/hyxq.jpg___2004511215822564.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/lty.jpg___2004511215822316.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/zyh.jpg___2004511215916227.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/yannian.jpg___200451121591787.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/xbh.jpg___2004511215917981.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mdqg.jpg___20045112203661.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mlsx.jpg___20045112203201.jpg"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>七:图片雾化效果:
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=400 background=http://www.cn898.net/bbs/UploadFile/20044244514090780.jpg border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=http://61.133.87.122/bbs/attachments/forum/month_0405/5_IHwvJkvgflPp.jpg height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></CENTER>八:图片倒影效果:
<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></P></FONT></FONT><BR><BR>九:图片向左右相反的方向移动的效果:
<MARQUEE width=200 height=50><IMG src="http://www.mtxsnow.net/UploadFile/2004361972445799.gif"><IMG src="http://www.snsn.net/user/zn/UploadFile/2004-6/2004615135733903.gif"><IMG src="http://www.mtxsnow.net/UploadFile/2004361972445799.gif"></MARQUEE>
<MARQUEE direction=right width=200 height=50><IMG src="http://851.vicp.net/bbs/UploadFile/2004-4/20044895834296.gif"><IMG src="http://www.snsn.net/user/zn/UploadFile/2004-6/200461612563116.gif"><IMG src="http://851.vicp.net/bbs/UploadFile/2004-4/20044895834296.gif"></MARQUEE><BR><BR>加入背景音乐代码: <EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma AUTOSTART="TRUE" LOOP="TRUE"></EMBED> 所用元素:<EMBED></EMBED> 参数: src:音乐文件的URL; STARTTIME:歌曲从何时开始播放; STARTTIME="00:30" 指从歌曲的00:30开始播放 volume:歌曲选择自动音量控制 volume="0"为最大音量 hidden:=true为不可见,=false反之; type:指定音频类型; LOOP:是否循环播放,注意其值置于小角双引号中; AUTOSTART:是否自动播放,其值同上。 2. <BGSOUND balance=0 src="http://fzliu.myrice.com/midi/020.mid" volume=0 loop=infinite>bgsound:顾名思义,就是背景音乐了。这才是标准的插入网页背景音乐的语法。 src:音乐文件的URL,支持几乎很多音频文件(包括MP3、wma、ram、rm、midi等)。 loop:其值置于小角双引号内,-1表示循环播放,实数则表示播放几次 学做HTML代码教程二 字体格式 1.代码
<CENTER>
<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=宋体 color=#c0d9d9 size=5><B>欢迎光临知音迷你贴吧</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=60>
<CENTER><FONT face=宋体 color=#c0d9d9 size=5><B>欢迎光临知音迷你贴吧</FONT></CENTER></B></MARQUEE></CENTER></CENTER><BR>2.代码
<MARQUEE direction=right width=250 height=50><IMG src="http://www.dabaoku.com/gif/154/gif033.gif"><FONT face=隶书 color=#ff0000 size=7>欢迎光临知音迷你贴吧<IMG src="http://www.dabaoku.com/gif/154/gif033.gif"></FONT></MARQUEE></FONT>
<MARQUEE width=250 height=50><IMG src="http://www.dabaoku.com/gif/154/gif034.gif"><FONT face=隶书 color=#ff0000 size=7>欢迎光临知音迷你贴吧<IMG src="http://www.dabaoku.com/gif/154/gif034.gif"></FONT></MARQUEE><BR>
<P></P><BR>
<DIV></DIV>3.代码
<MARQUEE width=250 height=50><IMG src="http://www.dabaoku.com/gif/154/gif034.gif"><FONT face=隶书 color=#ff0000 size=7>欢迎光临知音迷你贴吧<IMG src="http://www.dabaoku.com/gif/154/gif034.gif"></FONT></MARQUEE></FONT>
<MARQUEE direction=right width=250 height=50><IMG src="http://www.dabaoku.com/gif/154/gif033.gif"><FONT face=隶书 color=#ff0000 size=7>吧帖你迷音知临光迎欢<IMG src="http://www.dabaoku.com/gif/154/gif033.gif"></FONT></MARQUEE></FONT>
<DIV></DIV>4.各种字体代码 代码: <FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎光临知音迷你贴吧</B></FONT> 代码:
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>欢迎光临知音迷你贴吧</B></FONT> <BR><BR></CENTER>代码:
<CENTER>
<DIV style="FONT-SIZE: 52pt; FILTER: glow(color=ffff00, strength=5); WIDTH: 350px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative"><BR><BR>欢迎光临知音迷你贴吧<BR><BR></DIV></CENTER><BR>
<DIV></DIV>代码
<MARQUEE direction=right behavior=alternate><B><FONT color=#7700bb size=7><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=90 height=200 align="middle">知</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=90 height=150>音</MARQUEE><FONT color=orange></FONT></B></FONT></FONT></FONT></MARQUEE>---------------------------------------------------- 四格,漂舞 的花 <BGSOUND src="http://www.lhedu.com.cn/cszp/203-雄州镇小/mp3/1.mp3" loop=infinite>
<STYLE>
<!--
.pad10L {PADDING-LEFT: 10px; }
td{font-family:arial}
td{font-size:12px;font-family:Arial;color:#000000; line-height:18px;}
.border{font-size:14px;line-height:20px;}
-->
</STYLE>
<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD align=middle width="100%"></TD></TR>
<TR>
<TD style="WORD-WRAP: break-word"><FONT class=news><BR>
<CENTER><EMBED style="Z-INDEX: 3; LEFT: 6px; WIDTH: 1000px; POSITION: absolute; TOP: 132px; HEIGHT: 1881px" align=right src=http://oyja.51.net/flash/sdjhh.swf type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></CENTER>
<TABLE style="LEFT: 190px; POSITION: absolute; TOP: 360px" height=50 cellSpacing=0 cellPadding=0 width=800 border=0>
<TBODY>
<TR></TD></TR></TBODY></TABLE><BR><BR>
<DIV></DIV></FONT></TD></TR></TBODY></TABLE>------------------------------------------- 2---------- <EMBED style="LEFT: 50px; WIDTH: 1150px; POSITION: absolute; TOP: 10px; HEIGHT: 1000px" align=right src=http://hlm.nease.net/swf/red/liu.swf width=500 height=1500 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED> --------------------------------------------- 四格 -
<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=420 background=http://www.zhiyin.com.cn/bbs/attachments/A48CF491344CD4539F5F719A7B6D908D_COtnRzQHpoMK.jpg height=296>
<P><B><EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf width=420 height=296 type=application/octet-stream wmode="transparent" quality="high"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/16.swf width=420 height=296 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P></CENTER></TR></TBODY></P></DIV>
[ 本帖最后由 ☆悦,独舞々 于 2008-3-22 04:33 编辑 ] |
|