還沒登入愛情公寓嗎？   還沒加入愛情公寓嗎？ 馬上進入公寓和 10,543,434 個住戶交朋友～
檔案狀態:    住戶編號: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 >
標籤:
瀏覽次數:146    人氣指數:2746    累積鼓勵:130
 切換閱讀模式  回應  給他日記貼紙   給他愛的鼓勵 檢舉
給本文愛的鼓勵：  最新愛的鼓勵
君への想い 涙そうそう  《前一篇 回她的日記本 後一篇》 又平安度過了 真好
 
住戶回應
 
點擊可馬上跟他聊天
時間：2011-04-30 21:28
她, 38歲,桃園市,服務
*給你留了一則留言*
  


更多功能
認證住戶 ． 日記 ． 相簿
公寓活動
關於i-Part
關於我們 ． 個資保護 ． 交友安全
客服中心 ． 退租申請 ． 愛心發票
新聞報導 ． 廣告 ． 合作 ． 徵才
投資人專區． 網站導覽
其他裝置
APP store 立即下載
google play立即下載
Facebook 立即安裝
給我們一個讚!