剛帶了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 > |
若想跳到下一行,加上< tr >即可 :
< table border=1 >
< td >儲存格1< /td >
< td >儲存格2< /td >
< tr >
< td >儲存格3< /td >
< td >儲存格4< /td >
< /table > |
當然亦可使用< th >:
< table border=1 >
< th >儲存格1< /th >
< th >儲存格2< /th >
< tr >
< td >儲存格3< /td >
< td >儲存格4< /td >
< /table > |
< 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 > |
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 >