生物百花园社区【论坛事务区】【万花筒】 → html帖子设置的常用简单代码


  共有9286人关注过本帖树形打印

主题:html帖子设置的常用简单代码

帅哥哟,离线,有人找我吗?
hyichun1997
  1楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:园主 贴子:3424 积分:46943 威望:20 精华:144 注册:2006/2/20 13:17:21
html帖子设置的常用简单代码  发贴心情 Post By:2006/4/14 6:41:45  

 1、移动的属性

<marquee>内容文字或图片</marquee>
移动属性值有几个内容: 
移动方向 <direction=#>  速度 <scrollamount=#>
方式 <bihavior=#>  循环 <loop=#>延时 <scrolldelay=#>


移动方向
direction=left   从右向左移
direction=right   从左向右移
direction=down   从上向下移
direction=up   从下向上移

代码
<marquee direction=direction=down scrollAmount=2> <font style=font:15pt face=黑体 color=fff000><CENTER>文字从上向下移!!</font></CENTER></marquee>

2.表格的基本语法

<table>...</table> - 定义表格
<TBODY>--</TBODY>
<tr> - 定义表行(即行)
<td> - 定义表元(即列插入内容)
    表格语句是双标签代码,前面有一个开始句,后面就应有一个结束句。不能多也不能少。
示例:
<table><TBODY>
<tr>
<td>
插入内容
</td></tr></TBODY></table>
表格属性内容:
border="16" 表格边框的厚度。
cellspacing="8" 表格格线的厚度
cellPadding="5" 表格格线内厚度
CELLPADDING=50  表格格线与内容之间的宽度
width=425  表格宽度
height=300 表格高度
borderColor=#841A00 边框颜色
bgcolor=#cc9968  背景颜色
background="图片地址" 背景图片。
(backgroun 背景图片,与 bgcolor 背景颜色不可同用。)

对一个用表格编成的图框的初步理解。
<table>
<TBODY>
<tr>
<td>
插入内容
</td></tr></TBODY></table>
<table 在这里面编入各项表格属性内容和参数>
<tr>表格的第一行
<td>表格的第一列(行和列构成一个单元格。)
插入内容
</td></tr></table>表格双标签的结束句。
一张较完整的图框代码:
<table border=10 cellSpacing=8 cellPadding=5 borderColor=#fff000 background=http://bbs.muwen.com/fileuploaddir/4B398368667.jpg width=600 height=350>
<TBODY><tr><td>插入内容</td></tr></TBODY></table>

3.如何在图片加动画--FLASH

加叠FLASH素材的代码如下:

<EMBED align=right src=地址 width=530 height=400 type=application/octet-stream wmode="transparent" quality="high" ;;>

图片加三层flash的代码

<TABLE height=400 cellSpacing=3 borderColorDark=#fff000 cellPadding=0 width=530 borderColorLight=#fff000 background=http://bbs.guqu.net/UploadFile/2005-5/20055222237765020.jpg border=12>
<TBODY>
<TR>
<TD><EMBED align=right src=http://hlm.nease.net/swf/red/liu.swf width=530 height=400 type=application/octet-stream ;; quality="high" wmode="transparent"><EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=530 height=400 type=application/octet-stream ;; quality="high" wmode="transparent"><EMBED align=right src=http://imgfree.21cn.com/free/flash/6.swf width=530 height=400 type=application/octet-stream ;; quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></CENTER>

效果:

 

 

 

 


 

 


钟祥一中 课堂实录教学视频 精品课件 教学实录
支持(0中立(0反对(0回到顶部
帅哥哟,离线,有人找我吗?
hyichun1997
  2楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:园主 贴子:3424 积分:46943 威望:20 精华:144 注册:2006/2/20 13:17:21
  发贴心情 Post By:2006/4/14 6:44:41  

让图片可调大小的一组代码

编辑时只要调整图片宽度即可,
高度不用管系会自动调节作的。

<P align=center> <INPUT src="http://image.10jqka.com.cn/2005/12/6/1133836932_82d785e1ede700cc9a4d27c73c32b5e9.gif" type=image width=600> </P>

播放器和背景音乐设置代码
银色播放器代码:

<embed src="http://.......mp3" type="audio/x-pn-realaudio-plugin" controls="controlpanel,statusbar" height=50 width=400 autostart="true" loop="true">



钟祥一中 课堂实录教学视频 精品课件 教学实录
支持(0中立(0反对(0回到顶部
帅哥哟,离线,有人找我吗?
hyichun1997
  3楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:园主 贴子:3424 积分:46943 威望:20 精华:144 注册:2006/2/20 13:17:21
  发贴心情 Post By:2006/4/14 6:46:14  

<TABLE borderColorDark=#008060 cellPadding=2 width=600 bgColor=#cccc00 borderColorLight=#008000 background=http://znrs.2000y.net/UploadFile/2004-4/200442413260795.gif border=10>
<TBODY>
<TR>
<TD>
<DIV style="LEFT: -220px; WIDTH: 600px; POSITION: relative; TOP: 0px">
<MARQUEE scrollAmount=3 behavior=alternate width=670>
<P align=center><FONT face=楷体_GB2312 color=red size=6><B>图片点击可在新窗口打开查看图片点击可在新窗口打开查看图片点击可在新窗口打开查看红杏出墙出去转转喽!</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>
<P></P>

红杏出墙出去转转喽!



钟祥一中 课堂实录教学视频 精品课件 教学实录
支持(0中立(0反对(0回到顶部
帅哥哟,离线,有人找我吗?
hyichun1997
  4楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:园主 贴子:3424 积分:46943 威望:20 精华:144 注册:2006/2/20 13:17:21
  发贴心情 Post By:2006/4/14 6:47:50  

全屏
<P align=center>
<TABLE id=table1 style="LEFT: -220px; WIDTH: 750px; POSITION: relative; TOP: 80px" cellSpacing=28 align=center background=地址 border=0>
<TBODY>
<TR>
<TD>
字体
<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>常用字体</B></FONT>
<font style=font:20pt face=隶书 color=fff000>字的内容</font>
flash代码
<EMBED align=right src=地址 width=530 height=400 type=application/octet-stream wmode="transparent" quality="high" ;;>
图片调大小
<P align=center> <INPUT src="http://image.10jqka.com.cn/2005/12/6/1133836932_82d785e1ede700cc9a4d27c73c32b5e9.gif" type=image width=600> </P>
多媒体
格式一:<embed src=地址 autostart=true loop=true widht=值 height=值 type=值>

格式二:<embed src=地址 autostart=true loop=true hidden=true type=值>

    格式一适用于显示播放界面的情形,格式二适用于隐藏播放界面的情形。

WMP类:audio/mpeg (wma的可用audio/x-ms-wma,不过都一样)

    RP类:application/octet-stream

    Flash:application/x-shockwave-flash

    注:Flash还可指定wmode=transparent表示背景透明,quality=high表示以高档画质播放,pluginspage=http://www.macromedia.com/go/getflashplayer指定插件下载地址(可省略)。



钟祥一中 课堂实录教学视频 精品课件 教学实录
支持(0中立(0反对(0回到顶部
WAP版【生物百花园】 | RSS2.0 | Xhtml无图版 | Xslt无图版
Copyright ©2000 - 2095 生物百花园
www.biobox.cn
Powered By Dvbbs Version 8.3.0 | Design:生物百花园