一:背景
效果如:
原代碼如下:
<TABLE borderColor=#ffff00 height=200 cellSpacing=2 cellPadding=0 width=277 align=center background=http://club.xialala.com/images/upload/2004/06/09/121725.jpg border=3> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></P>
帖子內容,文字或圖片..... </TD></TR></TBODY></TABLE>
<TABLE> 的參數(shù)設定(常用):
<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">
注解:
width="400" 表格寬度,接受絕對值(如 80)及相對值(如 80%)。
border="1" 表格邊框的厚度,不同瀏覽器有不同的內定值,故請指明。
cellspacing="2" 表格格線的厚度
align="CENTER" 表格的擺放位置(水平),可選值為: left, right, center
valign="TOP". 表格內內容的對齊方式(垂直),可選值為: top, middle, bottom。
background="myweb.gif" 表格的背景圖片,與 bgcolor 不要同用。
bgcolor="#0000FF" 表格的底色,與 background 不要同用
bordercolor="#CF0000" 表格邊框顏色
bordercolorlight="#00FF00" 表格邊框向光部分的顏色
bordercolordark="#00FFFF" 表格邊框背光部分的顏色,使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。
cols="2" 表格欄位數(shù)目,只是讓瀏覽器在下載表格時先畫出整個表格而已。
二,帖圖格式
帖圖基本格式如下:
<IMG src="圖片連接URL地址">
<IMG> 稱圖形標記,主要用來插入圖形標記。
<IMG> 的一般參數(shù)設定:
例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">
src="logo.gif" 圖片來源,接受 .gif, .jpg 及 .png 格式,前兩者通行已久,后者則由 96 年開始發(fā)展, 于未來取代前兩者。若圖片檔與該 html 檔同處一目錄則只需寫上檔案名稱,否則 必須加上正確的路徑,相對或絕對均可。
width=100 height=100 設定圖片大小,此寬度及高度一般采用 pixels 作單位。通常只設為圖片的真實 大小,以免失真,若需要改圖片大小最好使用圖像編輯工具。(改變大小的寬和高與原圖的寬和高要成正比例,圖片最好是改小不改大,以免失真。)
hspace=5 vspace=5 設定圖片邊沿空白,以免文字或其它圖片貼近。hspace 是設定圖片左右的空間, 是設定圖片上下的空間,高度采用 pixels 作單位。
border=2 圖片邊框厚度
align="top" 調整圖片旁邊文字的位置,你可以控制文字出現(xiàn)在圖片的偏上方、中間、底部、 左右等,可選值:top, middle, bottom, left, right,內定為 botom。Netscape 還支持 texttop, baseline, absmiddle, absbottom, texttop 表示圖片和文字依頂線對齊, baseline 表示圖片對齊到目前文字行底線值, absmiddle 表示圖片對齊到目前文字行絕對中央, absbottom 表示圖片對齊到目前文字行絕對底部,(絕對底部是指它考慮到比如 y 、g、q 等字的下邊)。
alt="Logo of PenPal Garden" 這是用以描述該圖形的文字,若使用文字瀏覽器,由于不支持圖片,這些文字 將會代替圖片被顯示。若支持圖片的瀏覽器,當鼠標移至圖片上該文字也會顯示。
lowsrc="pre_logo.gif" 設定先顯示低解析度的圖片,若加入的是一張很大的圖片,下載要很長的時間,這張低 解析度的圖片會先被顯示以免瀏覽者失去興趣,通常是原圖的黑白版本。
例1:
原代碼:
<IMG border=0 height=120 src="http://bbs.wzlm.cn/showimg.asp?BoardID=66&filename=2005-1/2005126201810623.gif" width=120> 普通插入
普通插入
例2:
<img src="http://bbs.wzlm.cn/showimg.asp?BoardID=66&filename=2005-1/2005126201810623.gif" width=120 height=120 border=0 hspace=10 vspace=20"> 設定上下左右空白位置
設定上下左右空白位置
例3:
<img src="http://bbs.wzlm.cn/showimg.asp?BoardID=66&filename=2005-1/2005126201810623.gif" width=120 height=120 border=4 align=middle> 設定圖片中間對齊,邊框厚度為 4
設定圖片中間對齊,邊框厚度為 4
例4:
<img src="http://bbs.wzlm.cn/showimg.asp?BoardID=66&filename=2005-1/2005126201810623.gif" width=120 height=120 border=0 align=right> 設定圖片靠右
設定圖片靠右
三,文字設制
文字設制
一,文字基本設制
基本代碼如下:
<P align=center><FONT color=#0066ff face=隸書 size=5>插入文字</FONT></P>
align=center 表示字體居中,可選值為居右(right)居左(left)
color=顏色代碼 具體顏色代碼可參照:顏色選取<<點擊查看
face=字體 常用字體為:宋體.黑體.楷體.仿宋.幻緣.新宋體.細明體等
size=字體大小,這里的最大值為7 取值越大文字就越大
二,大字體文字
效果: 中國網(wǎng)站聯(lián)盟
代碼:
<font style=font:40pt face=新宋體 color=#ff0000>插入文字</font>
font:40pt 數(shù)值越大文字就越大。
三,移動文字設置:
基本代碼1:
<marquee direction=移動方向 scrollamount=移動速度數(shù)值>插入文字</marquee>
說明:direction=移動方向 可選值為向上(up) 向下(down) 向左(left) 向右(right)
基本代碼2:
<marquee behavior=移動效果>插入文字</marquee>
說明:
behavior=scroll 一圈一圈繞著走
behavior=slide
只走一次 behavior=alternate 來回走
停停走走:
效果如:
代碼如下:
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>
四,文字特效顯示:
效果一:
中國網(wǎng)站聯(lián)盟社區(qū)
原代碼:
<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 華文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>中國網(wǎng)站聯(lián)盟社區(qū)</B></FONT></CENTER>
效果二:
中國網(wǎng)站聯(lián)盟社區(qū)
原代碼:
<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 華文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>中國網(wǎng)站聯(lián)盟社區(qū)</B></FONT></CENTER>
效果三:
中國網(wǎng)站聯(lián)盟社區(qū)
原代碼:
<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">中國網(wǎng)站聯(lián)盟社區(qū)</FONT></CENTER>
效果四:
原代碼:
<MARQUEE behavior=alternate direction=up height=250 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460><FONT color=red face=楷體_gb2312 size=7>中國網(wǎng)站聯(lián)盟社區(qū)</FONT></MARQUEE></MARQUE></MARQUEE>
效果五:
歡迎你朋友
友朋你迎歡
原代碼:
<FONT color=#0096ff face=隸書 size=7><MARQUEE height=50 width=240>歡迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隸書 size=7><MARQUEE direction=right height=50 width=240>友朋你迎歡</MARQUEE></FONT></FONT> 載入音樂
基本語法:
<EMBED SRC="音樂文件地址">
常用屬性如下:
src="your.mid" 設定 midi 檔案及路徑,可以是相對或絕對。
autostart=true 是否在音樂檔下載完之后就自動播放。true 是,false 否 (內定值)。
loop="true" 是否自動反復播放。LOOP=2 表示重復兩次,true 是, false 否。
HIDDEN="true" 是否完全隱藏控制畫面,true 為是,no 為否 (內定)。
STARTTIME="分:秒" 設定歌曲開始播放的時間。如 STARTTIME="00:30" 表示從第30秒處開始播放。
VOLUME="0-100" 設定音量的大小,數(shù)值是0到100之間。內定則為使用系統(tǒng)本身的設定
WIDTH="整數(shù)" 和 HIGH="整數(shù)" 設定控制面板的高度和寬度。(若 HIDDEN="no")
ALIGN="center" 設定控制面板和旁邊文字的對齊方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
CONTROLS="smallconsole" 設定控制面板的外觀。預設值是 console。 console 一般正常面板 smallconsole 較小的面板 playbutton 只顯示播放按鈕 pausecutton 只顯示暫停按鈕 stopbutton 只顯示停止按鈕 volumelever 只顯示音量調節(jié)按鈕
例一:
<EMBED SRC="midi.mid" autostart=true hidden=true loop=true>
作為背景音樂來播放,隱藏了播放器。
例二:
<EMBED SRC="midi.mid" loop=true width=145 height=60>
出現(xiàn)控制面板了,你可以控制它的開與關,還可以調節(jié)音量的大小。
注明:可用來插入各種多媒體,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。
IE中的的背景音樂
代碼如下:
<bgsound src="音樂文件地址" loop=#>
#=循環(huán)數(shù)
注明:這種背景音樂格式,只有在IE瀏覽器中才可以聽到。一般用來插入wav wma mid mp3等格試的音樂。
在論壇做帖常用格試如下:
一:
<EMBED height=200 src=音樂文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>
說明:一般用來插入mp3 rm ra ram asf mid 等音樂文件,如果要隱藏播放器,把width和height的數(shù)值改成0或者1就可以了。
二:
<bgsound src="音樂文件地址" loop=3> 說明:一般用來插入wav wma mid mp3等格試的音樂文件。
|