基礎語法-連結.貼圖.音樂.背景

2009091609:43

 

基礎語法-貼圖連結
1.一般連結
<a href="網址">文字</a>

2.滑鼠移至連結有文字
<a href="網址" title="文字">網名</a>

3.一般貼圖
<img src="圖片網址">

4.按圖片開啟網頁
<a href="網站位址"><img src="圖片位址" alt="""""""文字"></a>""""""
可當做LOGO連結用

5.插入E-maiil超連結
<a href="mailto:信箱位址 ">文字</a>

6.圖片外框
<img src="圖片位址" border="0"></a>  
解說:
border是指定圖片外框的粗細0是沒有


基礎語法-音樂
1.RM撥放語法
<embed src="音樂網址"width=1 autostart=TRUE>

2.MIDI.MP3.ASF.WMA撥放語法(一般背景音樂語法)
<bgsound src="音樂網址">



屬性說明:


src=音樂網址


loop=音樂重撥次數,不斷撥放為true


autostart=是否要在音樂檔傳完之後,自動播放音樂。true是要,flace是不要。內定值是不要。


width=控制面版寬度


high=控制面版高度


align=控制面版與文字對齊方式,跟<img>的語法一樣


hidden=true(隱藏版面,使用此屬性無須另加版面寬高度語法)


controls=控制面版樣式


console(正常面版)/smallconsole(較小面版)


playbutton(只顯示撥放按鈕)/pausebutton(只顯示暫停按鈕)


stopbutton(只顯示停止按鈕)/volumelever(只顯示音量調整)



基礎語法-背景



1.背景跟隨滾軸移動(一般背景)
<body background="圖片網址">



2.背景不動語法
<body background="圖片網址" bgproperties="fixed">



以下為CSS背景語法需放在<head>與</head>間


1.背景圖x軸重複


<style type="text/css">body{background:fixed url('背景網址') repeat-x left}</style>



2.背景圖y軸重複


<style type="text/css">body{background:fixed url('背景網址') repeat-y left}</style>



3.自行設定背景顏色


<style type="text/css">Body{background-color:顏色代號}</style>



4.普通貼背景


<style type="text/css">BODY{background-image:url('背景網址');background-attachment:fixed;}</style>



5.背景置左方


<style type="text/css">body{background:fixed url('背景網址')no-repeat left}</style>



6.背景置左上方


<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:left top">



7.背景置左中方


<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:left center">



8.背景置左下方


<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:left bottom">



9.背景置中


<style type="text/css">body{background:fixed url(背景網址) 背景色碼 no-repeat center}</style>



10.背景置中上方


<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:center top">



11.背景置中中方


<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:center center">



12.背景置中下方


<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:center bottom">



13.背景置右方


<style type="text/css">body{background:fixed url(背景網址) 背景色碼 no-repeat right}</style>



14.背景置右上方


<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:right top">



15.背景置右中方


<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:right center">



16.背景置右下方


<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:right bottom">



17.背景置上方


<style type="text/css">body{background:fixed url(背景網址) 背景色碼 no-repeat top left}</style>

 

 

引用: