讓谷歌瀏覽也能顯示背景的語法2-隨風流浪~風玲(璦嫚兒)│愛情公寓交友網站與聊天室

還沒登入愛情公寓嗎？還沒加入愛情公寓嗎？馬上進入公寓和 10,543,434 個住戶交朋友～

紅包抽抽樂！小資變土豪！

素人也能成為明日之星！

移除此區廣告請加入VIP

檔案狀態:

住戶編號:2306253

隨風流浪~風玲(璦嫚兒) 的日記本

快速選單

君への想い涙そうそう《前一篇

後一篇》又平安度過了真好

回應

給他日記貼紙

給他愛的鼓勵

檢舉

篇名: 讓谷歌瀏覽也能顯示背景的語法2
作者: 隨風流浪~風玲(璦嫚兒)	日期: 2011.04.30　　天氣: 　心情:

剛帶了3組跑了7個地方

下毛毛雨混身有點小溼溼的感覺

有些農地都是泥巴真不方便

跑完囉就可以休息囉~

就~ 再來篇教學講解吧

讓谷歌瀏覽也能顯示背景的語法2
日記框內背景[簡易型]
語法：
< div style="BACKGROUND-IMAGE: url(日記背景網址); " >
內文  加內容
< /div >

這組語法可外加日記基本附贈的背景

但是不是固定式背景也沒有捲軸

而是整頁跟著往下捲動

┌
┬
┐
├
┼
┤
└
┴
┘
─
│
↑
↓
←

→
§
∮
《
》
〈
〉
【
】
『
』
〝
〞
‘

’
“
”
☆
★
︵
︶
﹝
﹞
（
）
○
●
◎

※
∵
∴
：
‧
。
，
°
、
；
！
？
　　
＊
∥

﹋
╰
╯
◣
◢
◥
◤
█
□
◇
♂
♀
▼
∞

上面框框這是特殊文字可用來放在流星雨
效果語法裡的變化

16:37 搖的好舒服歐~~ 地震耶

< table border="1" bordercolor="#ffffff" bgcolor="#000000" >
    < tbody >
        < tr >
這是框架語法顯示如上可放圖片動圖檔或者是文字
       < td >< font color="#ffffff" size="4" >◇< /font >< /td >
            < td >< font color="#ffffff" size="4" >♂< /font >< /td >
            < td >< font color="#ffffff" size="4" >♀< /font >< /td >
            < td >< font color="#ffffff" size="4" >▼< /font >< /td >
            < td >< font color="#ffffff" size="4" >∞< /font >< /td >
        < /tr >
    < /tbody >
< /table >

記得每種語法後面要放收尾語法

若您覺得網頁太單調，想要加上變化的話，跑馬燈是不可少的．只要加上< marquee > 即可
< marquee >跑馬燈語法< /marquee >
跑馬燈
在< marquee >內的屬性 :

bgcolor="#aaff00"這裡加上跑馬燈裡面的背景顏色，顏色可以自己改喔
direction=這是控制行進的方巷喔right／up／down
scrollamount=這是控制行進的步伐喔
behavior=這是控制行進的方式喔：
slide文字碰到底邊就會停止／alternate左右碰撞
width=加上這可以設定行進的寬度
height=加上這可以設定行進的高度

要怎麼加上去呢? 看好囉~

< marquee bgcolor="#aaff00" direction=right scrollamount=1 behavior=alternate width=450  height=300 >
" >< font color="#800000" size="4" >< strong >< br / >< br / > 看看馬跑燈的效果可放上文字或者是圖片< br / >
加上文字效果或者是圖片效果語法< br / >
< br / >
就能讓跑馬燈有變化< br / >
< br / >
這是左右跑動的跑馬燈< br / >
< /strong >< /font >< /marquee >

看看馬跑燈的效果可放上文字或者是圖片

加上文字效果或者是圖片效果語法

就能讓跑馬燈有變化

這是左右跑動的跑馬燈

安裝音樂
IE
加入背景音樂只要在< head >跟< /head >之間插入下列原始碼即可讓你的網站有悅耳的聲音唷 :
< bgsound src="music.mid" loop="1" >

src=設定你想要撥放的midi音樂檔名
loop=音樂重撥次數，如想不斷撥放便設成infinite

Netscape
經過本身的測試，bgsound的語法在netscape並無法出現背景音樂，而支援netcape的語法則可在兩大M牌與N牌的瀏覽器都可出現背景音樂，下面就是介紹netspace的背景音樂語法:
< embed src="music.mid" loop="1" hidden="true" autostart="true" >

src=設定你想要撥放的midi音樂檔名
loop=音樂重撥次數，如想不斷撥放便設成true
autostart=是否要在音樂檔傳完之後，就自動播放音樂。true是要，flace是不要。內定值是不要。
width=控制面版寬度
high=控制面版高度
align=控制面版與旁邊文字的對齊方式，跟< img >的語法一樣
hidden=true(如果寫上這個屬性的話，就會完全隱藏控制面板，但無法設定控制面板的寬和高。)
controls=控制面版樣式為console(正常面版)／smallconsole(較小面版)／playbutton(只顯示撥放按鈕)／pausebutton(只顯示暫停按鈕)／stopbutton(只顯示停止按鈕)／volumelever(只顯示音量調整)

也可以放在< body >跟< /body >之間做網頁物件使用，
也可以加入hidden=true的屬性使面版隱藏做為背景音樂使用

表格是每一個網頁不可缺少的東西，首先我們要加入< table >的碼，在< table >的標籤內可以控制整個表格的長度和外框的粗細 :
< table width="300 border="1 cellspacing="2 >

width=控制表格長度，可用數字或百分比
cellspaing=控制儲存格的分隔距離，內定為2
background=背景圖檔
border=控制外框粗細，不外框便設成0

這只是一開始的設定，必須在< table >後加上< td >，才會新開一個儲存格，再用< /td >來關閉儲存格 :

< table border=1 >
< td >儲存格1< /td >
< td >儲存格2< /td >
< /table >

儲存格1
儲存格2

若想跳到下一行，加上< tr >即可 :

< table border=1 >
< td >儲存格1< /td >
< td >儲存格2< /td >
< tr >
< td >儲存格3< /td >
< td >儲存格4< /td >
< /table >

儲存格1
儲存格2

儲存格3
儲存格4

當然亦可使用< th >:

< table border=1 >
< th >儲存格1< /th >
< th >儲存格2< /th >
< tr >
< td >儲存格3< /td >
< td >儲存格4< /td >
< /table >

儲存格1
儲存格2

儲存格3
儲存格4

< td >< th >內的屬性如下 :

align=控制水平是left(靠左)／right(靠右)／center(置中)
valign=控制垂直是top(靠上)／middle(置中)／bottom(靠下)
background=背景圖檔
colspan=使一個儲存格橫跨 N 個欄位
rowspan=使一個儲存格下跨 N 個列

若想為表格加上標題，來標明整個表格的主題，可在< table >後加上< caption >的標籤

< table border=1 >
< caption >公佈欄< /caption >
< td >儲存格1< /td >
< td >儲存格2< /td >
< tr >
< td >儲存格3< /td >
< td >儲存格4< /td >
< /table >

公佈欄

儲存格1
儲存格2

儲存格3
儲存格4

colspan的用法 :

< table border=1 >
< td colspan=3 align=center >儲存格 A1< /td >
< tr >
< td >儲存格 B1< /td >
< td >儲存格 B2< /td >
< td >儲存格 B3< /td >
< /table >

儲存格 A1

儲存格 B1
儲存格 B2
儲存格 B3

rowspan的用法 :

< table border=1 >
< td rowspan=3 align=center >儲存格 A1< /td >
< td >儲存格 B1< /td >
< tr >
< td >儲存格 B2< /td >
< tr >
< td >儲存格 B3< /td >
< /table >

儲存格 A1
儲存格 B1

儲存格 B2

儲存格 B3

圖像是一個美化網頁的重要因素，要插入圖像，就要加入< img src="圖檔名" >
< img src="http://c-photo.i-part.com.tw/n1v1/3/5/2/6/2306253/photo/book2/13035866436672m.jpg" >
上面的碼會做出下面的效果 :

其中< img src="**jpg.gif" >內還可加入下列屬性，來變化圖檔 :

width=控制圖檔長度
height=控制圖檔高度
align=控制圖檔left(靠左)／right(靠右)／center(置中)
border=控制外框粗細，不外框便設成0 以數字設定

強迫換行
　　如果覺得您的文字太長，想要您的文字跳到下一行，就要加上< br >或< p >的碼 :
　　斷行1< br >
　　斷行2< p >
　　上面的碼會顯現強迫換行效果 :
　　而< p >是比< br >多跳一行的。
　　在< p >的標籤內，可以加入align=left／right／center這樣就可以控制在< p >
之後的物件是靠左／靠右／置中了 :
　　如果在< p >內有加入align的屬性，記得加上< /p >的關閉碼

例如:
< p align=left >
內文或內容
< /p >

標籤:

瀏覽次數:147 人氣指數:2747 累積鼓勵:130

切換閱讀模式

回應

給他日記貼紙

給他愛的鼓勵

檢舉