超文本代码轻松入门(续)

第三篇:常见对象与相关代码

  下面,分类列出常见对象的一些常用的代码供参考。

  文字

  普通设置代码:
<b><font face="楷体_GB2312" size="4" color="#00FF00">华声音画学堂</font></b>

 b          字体加粗
 font        对象为文字
 face="楷体_GB2312" 字体名、楷体
 size="4"      字号
 color="#00FF00"   字的颜色(00FF00为六位16进制数,每两位管一种颜色,             
           顺序为红、绿、蓝)

  样式方式设置代码:
<font style="font-family: 楷体_GB2312; font-size: 14pt; color: #00FF00; font-weight: bold; line-height: 100%">华声音画学堂</font>

 style="   "        样式="参数项,用分号分隔" 
 font-family: 楷体_GB2312   字体:字体名
 font-size: 14pt        字大小:以pt为单位的量
 color: #00FF00        同普通方式,仅格式不同
 font-weight: bold       加粗 
 line-height: 100%       行距,文字行的间距

  字幕效果设置(文字移动)
  操作:菜单_插入_Web组件_字幕_设置选项(五项全部设置,文字内容任意)
在代码编辑状态下,将任意填写的文字更换成用上面方式设置的内容,完成。

  基本代码:<marquee> 华声 </marquee>
  实例代码:
<marquee direction="right" scrollamount="5" scrolldelay="89" width="200" height="20"  behavior="slide"><font style="font-family: 楷体_GB2312; font-size: 14pt; color: #00FF00; font-weight: bold; line-height: 100%">华声音画学堂</font></marquee>

 marquee            移动
 direction="right"       方向:上下左右,up、down、left、right
 scrollamount="5"        滚动速度
 scrolldelay="89"        间歇时间 
 width="200"          滚动区域的宽度
 height="20"          滚动区域的高度 
 behavior="slide"        表现方式:遁环、往返、从起点至终点


  图片

  普通设置代码:
  操作:菜单_插入_图片_来自文件_粘入链接_完成

<img src="http://image.hnol.net/200504/dysr/make/01.jpg" width="820" height="615" border="0">

 img         对象为图片
 src="  "     对象链接=“链接地址”
 width="820"     对象的宽度
 height="615"    对象的高度
 border="0"      对象的边框线宽度             

  表单方式设置代码(该方式可任意控制图片尺寸,不必编辑图片):
  操作:菜单_插入_表单_图片_粘入链接_完成(删除后一个尖括号)

<input type="image" src="http://image.hnol.net/200504/dysr/make/01.jpg" width="820" height="615" border="0" name="I1">

 input            输入 
 type="image"        类型:图片(表单可以设置很多对象)
 name="I1"          名称:任意
 其他参数          如前所述

  字幕效果设置(图片移动)
  在字幕效果设置好以后,将文字内容代码更换为图片内容代码即可。滚动区域的宽、高值作相应更改。


  flash、透明flash

  插件方式设置代码:
  操作:菜单_插入_Web组件_组件类型_高级控件_插件_粘入链接_设置_完成。

<embed width="650" height="250" src="http://www.xinghaiyuan.com/hailian/yhwj/yh/lian72/19.swf">

 embed        插入。这里可理解为控件
 其他参数      如前所述(另有一些参数,软件、网站会自动补齐)

  flash影片方式设置代码:
  (该方式没有什么价值,但可利用一下,得到“透明模式”代码):
  操作:菜单_插入_Web组件_组件类型_高级控件_flash影片_粘入链接_设置_完成。右键点对象图标_flash影片属性_勾选透明_完成。在代码编辑状态下,可得到代码 wmode="transparent",用于透明flash。

<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,40,0" border="0" width="650" height="250">
<param name="movie" value="http://www.xinghaiyuan.com/hailian/yhwj/yh/lian72/19.swf">
<param name="quality" value="High">
<param name="wmode" value="transparent">
<embed src="http://www.xinghaiyuan.com/hailian/yhwj/yh/lian72/19.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="650" height="250" quality="High" wmode="transparent">
</object>

 wmode="transparent"     模式:透明 
 quality="High"       品质:高
 object            对象、物体
 其他参数          因不常用,省略

  透明flash设置:
  可用flash影片方式设置,仅留下于下的部分;也可用插件方式设置,再补进透明模式的参数就行了。

<embed src="http://www.xinghaiyuan.com/hailian/yhwj/yh/lian72/19.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="650" height="250" quality="High" wmode="transparent">


  音乐、视频

  插件方式设置代码:
  操作:菜单_插入_Web组件_组件类型_高级控件_插件_粘入链接_设置_完成。

<embed width="400" height="42" src="http://www.yybyy.com/BBSFTP/yhlink/wuwo/yinyue/02.wma">

 参数   无新内容,均如前所述;与flash相仿;视频设置相同。

  控件方式设置代码(该方式设置步骤较多,可得到许多参数项):
  操作:菜单_插入_Web组件_组件类型_高级控件_ActiveX控件_下一步_自定义控件名称_Windows Media Player_确定_选择一个控件_Windows Media Player_完成;在设计状态下右键点对象图标_ActiveX控件属性_粘贴链接_Object标记_设置_长宽_完成。

<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="WindowsMediaPlayer1">
<param name="URL" ref value="http://www.yybyy.com/BBSFTP/yhlink/wuwo/yinyue/02.wma">
<param name="rate" value="1">
<param name="balance" value="0">
<param name="currentPosition" value="0">
<param name="defaultFrame" value>
<param name="playCount" value="1">
<param name="autoStart" value="-1">
<param name="currentMarker" value="0">
<param name="invokeURLs" value="-1">
<param name="baseURL" value>
<param name="volume" value="50">
<param name="mute" value="0">
<param name="uiMode" value="full">
<param name="stretchToFit" value="0">
<param name="windowlessVideo" value="0">
<param name="enabled" value="-1">
<param name="enableContextMenu" value="-1">
<param name="fullScreen" value="0">
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="captioningID" value>
<param name="enableErrorDialogs" value="0">
</object>

 param             设置元素初始值
 URL              地址链接
 name="rate"          名称=“元素项”
 value="1"           值=“数量、大小、可、否、等等”
 rate             播放频率(快慢)
 balance            左右声道平衡
 currentPosition        当前播放的位置
 defaultFrame          默认框架
 playCount           播放计数
 autoStart           自动播放
 volume            音量
 mute             开机静音
 enableContextMenu       启用上下文菜单
 fullScreen          全屏显示 
 uiMode            界面模式 
 windowlessVideo        窗口视频
 enableErrorDialogs      错误对话框

  暂只能提供这些内容了。这种方式不常用,但可以利用这种方式的设置得到代码,移植到插件方式的设置中,例如:
音量为volume="50"; 自动播放为autoStart="1"; 反复播放为loop="-1"。


  表格、单元格(这一部分在另帖中已详述,这里仅列举几个典型例子的代码)

  设置表格:
  操作:菜单_表格_插入_表格_设置_完成

  一、表格的基本元素和构架(一行一列):
<table>           表格
 <tr>            行    
  <td> </td>       单元格(也反映列数) 
 </tr>
</table>

  实例代码:
<table cellspacing="10" cellpadding="5" width="300" height="150" bordercolorlight="#FF00FF" bordercolordark="#990033" bordercolor="#FF0000" border="2" bgcolor="#0000FF">
<tr>
<td background="http://image.hnol.net/200504/dysr/make/02.jpg">
单元格里的对象</td>
</tr>
</table>

 cellspacing="10"         单元格间距
 cellpadding="5"          单元格衬距
 bordercolorlight="#FF00FF"    亮边框线
 bordercolordark="#990033"     暗边框线
 bordercolor="#FF0000"       边框线颜色 
 border="2"            边框线宽度
 bgcolor="#0000FF"         背景颜色 
 background            背景图(表格、单元格均可设置)
 单元格里的对象          单元格中可以放置各种不同的对象,此
                  例是“文字” 

  二、多单元格的表格(一列三行,参数省略,着重显示代码特点)
<table>           
 <tr>           
  <td> </td>    第一行的单元格       
 </tr>
 <tr>           
  <td> </td>    第二行的单元格       
 </tr>
 <tr>           
  <td> </td>    第三行的单元格       
 </tr>
</table>

  三、多单元格的表格(三列一行,参数省略,着重显示代码特点)
<table>           
 <tr>           
  <td> </td>    第一列的单元格       
  <td> </td>    第二列的单元格       
  <td> </td>    第三列的单元格       
 </tr>
</table>

  四、嵌套的表格(表格中再放一个表格,内表格为一列二行)
  设置:先设置好一个表格,在表格中点左键,在上面工具栏点“居中”按钮,光标在单元格中居中,再设置一个一列二行的表格,完成。

<table>           
 <tr>           
  <td>
     ···········┅┅┅┅┅┅┅┅┅┅┐
     <table>                       ┆
     <tr>                        外
      <td>  </td>  内表格第一行单元格        框
     </tr>                       ·
     <tr>                        单
      <td>  </td>  内表格第二行单元格        元
     </tr>                       格
    </table>                       ┆
  </td>     ···········┅┅┅┅┅┅┅┅┅┅┘
 </tr>
</table>

  好了,就这些内容了。
  欢迎大家指出帖子中的谬误,万分感谢。