伊莉討論區

標題: 基礎語法－連結.貼圖.音樂.背景 [打印本頁]

作者: ycca600 時間: 2010-12-3 01:25 PM 標題: 基礎語法－連結.貼圖.音樂.背景

基礎語法－貼圖連結
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>

作者: volk43 時間: 2017-12-28 06:02 PM

<img src=https://i.imgur.com/hHZDArE.jpg>

歡迎光臨伊莉討論區 (http://www60.eyny.com/)