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