加值服務
住戶搜尋
心情貼
直播
感興趣
手機交友
還沒登入愛情公寓嗎?
還沒加入愛情公寓嗎?
馬上進入公寓和
10,547,854
個住戶交朋友~
最新留言
想聊天
對我感興趣
互相感興趣
想約會
逗一下
日記留言
紅包抽抽樂!小資變土豪!
素人也能成為明日之星!
移除此區廣告請加入VIP
檔案狀態:
住戶編號:
2306253
隨風流浪~風玲(璦嫚兒)
的日記本
快速選單
到我的日記本
看他的最新日記
加入我的收藏
瀏覽我的收藏
君への想い 涙そうそう
《前一篇
回她的日記本
後一篇》
又平安度過了 真好
切換閱讀模式
回應
給他日記貼紙
給他愛的鼓勵
檢舉
檢舉原因
此為詐騙帳號
此為廣告帳號
此為援交帳號
他未滿18歲
此為不雅及騷擾留言帳號
其他
篇名:
讓谷歌瀏覽也能顯示背景的語法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 >
標籤:
瀏覽次數:
154
人氣指數:
2754
累積鼓勵:
130
切換閱讀模式
回應
給他日記貼紙
給他愛的鼓勵
檢舉
檢舉原因
此為詐騙帳號
此為廣告帳號
此為援交帳號
他未滿18歲
此為不雅及騷擾留言帳號
其他
給本文愛的鼓勵:
最新愛的鼓勵
給本文貼紙:
得到的貼紙
得到的貼紙:
給本文貼紙
5
1
君への想い 涙そうそう
《前一篇
回她的日記本
後一篇》
又平安度過了 真好
住戶回應
時間:2011-04-30 21:28
她, 38歲,桃園市,服務
*給你留了一則留言*