超文本代碼輕松入門(mén)(續)
第三篇:常見(jiàn)對象與相關(guān)代碼
下面,分類(lèi)列出常見(jiàn)對象的一些常用的代碼供參考。
文字
普通設置代碼:
<b><font face="楷體_GB2312" size="4" color="#00FF00">華聲音畫(huà)學(xué)堂</font></b>
b 字體加粗
font 對象為文字
face="楷體_GB2312" 字體名、楷體
size="4" 字號
color="#00FF00" 字的顏色(00FF00為六位16進(jìn)制數,每?jì)晌还芤环N顏色,
順序為紅、綠、藍)
樣式方式設置代碼:
<font style="font-family: 楷體_GB2312; font-size: 14pt; color: #00FF00; font-weight: bold; line-height: 100%">華聲音畫(huà)學(xué)堂</font>
style=" " 樣式="參數項,用分號分隔"
font-family: 楷體_GB2312 字體:字體名
font-size: 14pt 字大?。阂詐t為單位的量
color: #00FF00 同普通方式,僅格式不同
font-weight: bold 加粗
line-height: 100% 行距,文字行的間距
字幕效果設置(文字移動(dòng))
操作:菜單_插入_Web組件_字幕_設置選項(五項全部設置,文字內容任意)
在代碼編輯狀態(tài)下,將任意填寫(xiě)的文字更換成用上面方式設置的內容,完成。
基本代碼:<marquee> 華聲 </marquee>
實(shí)例代碼:
<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%">華聲音畫(huà)學(xué)堂</font></marquee>
marquee 移動(dòng)
direction="right" 方向:上下左右,up、down、left、right
scrollamount="5" 滾動(dòng)速度
scrolldelay="89" 間歇時(shí)間
width="200" 滾動(dòng)區域的寬度
height="20" 滾動(dòng)區域的高度
behavior="slide" 表現方式:遁環(huán)、往返、從起點(diǎn)至終點(diǎn)
圖片
普通設置代碼:
操作:菜單_插入_圖片_來(lái)自文件_粘入鏈接_完成
<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" 對象的邊框線(xiàn)寬度
表單方式設置代碼(該方式可任意控制圖片尺寸,不必編輯圖片):
操作:菜單_插入_表單_圖片_粘入鏈接_完成(刪除后一個(gè)尖括號)
<input type="image" src="http://image.hnol.net/200504/dysr/make/01.jpg" width="820" height="615" border="0" name="I1">
input 輸入
type="image" 類(lèi)型:圖片(表單可以設置很多對象)
name="I1" 名稱(chēng):任意
其他參數 如前所述
字幕效果設置(圖片移動(dòng))
在字幕效果設置好以后,將文字內容代碼更換為圖片內容代碼即可。滾動(dòng)區域的寬、高值作相應更改。
flash、透明flash
插件方式設置代碼:
操作:菜單_插入_Web組件_組件類(lèi)型_高級控件_插件_粘入鏈接_設置_完成。
<embed width="650" height="250" src="http://www.xinghaiyuan.com/hailian/yhwj/yh/lian72/19.swf">
embed 插入。這里可理解為控件
其他參數 如前所述(另有一些參數,軟件、網(wǎng)站會(huì )自動(dòng)補齊)
flash影片方式設置代碼:
(該方式?jīng)]有什么價(jià)值,但可利用一下,得到“透明模式”代碼):
操作:菜單_插入_Web組件_組件類(lèi)型_高級控件_flash影片_粘入鏈接_設置_完成。右鍵點(diǎn)對象圖標_flash影片屬性_勾選透明_完成。在代碼編輯狀態(tài)下,可得到代碼 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" 品質(zhì):高
object 對象、物體
其他參數 因不常用,省略
透明flash設置:
可用flash影片方式設置,僅留下于下的部分;也可用插件方式設置,再補進(jìn)透明模式的參數就行了。
<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">
音樂(lè )、視頻
插件方式設置代碼:
操作:菜單_插入_Web組件_組件類(lèi)型_高級控件_插件_粘入鏈接_設置_完成。
<embed width="400" height="42" src="http://www.yybyy.com/BBSFTP/yhlink/wuwo/yinyue/02.wma">
參數 無(wú)新內容,均如前所述;與flash相仿;視頻設置相同。
控件方式設置代碼(該方式設置步驟較多,可得到許多參數項):
操作:菜單_插入_Web組件_組件類(lèi)型_高級控件_ActiveX控件_下一步_自定義控件名稱(chēng)_Windows Media Player_確定_選擇一個(gè)控件_Windows Media Player_完成;在設計狀態(tài)下右鍵點(diǎn)對象圖標_ActiveX控件屬性_粘貼鏈接_Object標記_設置_長(cháng)寬_完成。
<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" 名稱(chēng)=“元素項”
value="1" 值=“數量、大小、可、否、等等”
rate 播放頻率(快慢)
balance 左右聲道平衡
currentPosition 當前播放的位置
defaultFrame 默認框架
playCount 播放計數
autoStart 自動(dòng)播放
volume 音量
mute 開(kāi)機靜音
enableContextMenu 啟用上下文菜單
fullScreen 全屏顯示
uiMode 界面模式
windowlessVideo 窗口視頻
enableErrorDialogs 錯誤對話(huà)框
暫只能提供這些內容了。這種方式不常用,但可以利用這種方式的設置得到代碼,移植到插件方式的設置中,例如:
音量為volume="50"; 自動(dòng)播放為autoStart="1"; 反復播放為loop="-1"。
表格、單元格(這一部分在另帖中已詳述,這里僅列舉幾個(gè)典型例子的代碼)
設置表格:
操作:菜單_表格_插入_表格_設置_完成
一、表格的基本元素和構架(一行一列):
<table> 表格
<tr> 行
<td> </td> 單元格(也反映列數)
</tr>
</table>
實(shí)例代碼:
<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" 亮邊框線(xiàn)
bordercolordark="#990033" 暗邊框線(xiàn)
bordercolor="#FF0000" 邊框線(xiàn)顏色
border="2" 邊框線(xiàn)寬度
bgcolor="#0000FF" 背景顏色
background 背景圖(表格、單元格均可設置)
單元格里的對象 單元格中可以放置各種不同的對象,此
例是“文字”
二、多單元格的表格(一列三行,參數省略,著(zhù)重顯示代碼特點(diǎn))
<table>
<tr>
<td> </td> 第一行的單元格
</tr>
<tr>
<td> </td> 第二行的單元格
</tr>
<tr>
<td> </td> 第三行的單元格
</tr>
</table>
三、多單元格的表格(三列一行,參數省略,著(zhù)重顯示代碼特點(diǎn))
<table>
<tr>
<td> </td> 第一列的單元格
<td> </td> 第二列的單元格
<td> </td> 第三列的單元格
</tr>
</table>
四、嵌套的表格(表格中再放一個(gè)表格,內表格為一列二行)
設置:先設置好一個(gè)表格,在表格中點(diǎn)左鍵,在上面工具欄點(diǎn)“居中”按鈕,光標在單元格中居中,再設置一個(gè)一列二行的表格,完成。
<table>
<tr>
<td> ···········┅┅┅┅┅┅┅┅┅┅┐
<table> ┆
<tr> 外
<td> </td> 內表格第一行單元格 框
</tr> ·
<tr> 單
<td> </td> 內表格第二行單元格 元
</tr> 格
</table> ┆
</td> ···········┅┅┅┅┅┅┅┅┅┅┘
</tr>
</table>
好了,就這些內容了。
歡迎大家指出帖子中的謬誤,萬(wàn)分感謝。