檔案狀態:    住戶編號: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=這是控制行進的方巷喔rightupdown

  • 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=leftrightcenter這樣就可以控制在< p >
之後的物件是靠左/靠右/置中了 :


  如果在< p >內有加入align的屬性,記得加上< /p >的關閉碼

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





標籤:
瀏覽次數:152    人氣指數:2752    累積鼓勵:130
 切換閱讀模式  回應  給他日記貼紙   給他愛的鼓勵 檢舉
給本文愛的鼓勵:  最新愛的鼓勵
君への想い 涙そうそう  《前一篇 回她的日記本 後一篇》 又平安度過了 真好
 
住戶回應
 
時間:2011-04-30 21:28
她, 38歲,桃園市,服務
*給你留了一則留言*
  


給我們一個讚!