部落格佈置教學

2012051617:48

何謂語法~HTML與CSS語法的解釋

2007/11/27 15:59
何謂語法:

html 語法是網頁製作的一種標籤語言~

也就是由一些標籤(語法)透過瀏覽器解讀後呈現出網頁上的文字~圖片等~~

我們所看到的網頁就是由一份由html標籤語言所組成的一份文件

而CSS語法為串接式樣式表就是網頁編排的統一式樣管理

它是由許多樣式名稱和樣式設定值所組成的字串,我們可以利用已經設定好的樣式,

然後將它指定給某一個或某一群組的 HTML 標籤來使用CSS是用來延伸 HTML 而非取代 HTML ,

CSS 主要是補 HTML 所不足的地方。CSS樣式表」它提供了 HTML 所不支援的屬性、

使網頁設計速度增快、可減少網頁體積降低網路傳輸的負荷。個人認為,

它可以讓你的網頁內容不再那麼地複雜、連結外部的CSS檔,更可以讓你有效管理與維護你的網頁。

CSS語法編排使網頁呈現多變化的式樣讓網頁更顯生動多樣化!!

我們設定部落格~如奇摩在所屬的系統給我們一個類似小小網站

裡面有可以讓我們發表許多網誌文章就類似我們做網站時要有許多的網頁連結

而在自訂式樣中設定語法 ,  就是奇摩系統提 供一個固定的面版區塊讓你去做式樣的編排讓你的部落格

在外觀上呈現自己喜歡的面版式樣~~讓打開任何一個文章時看到的是一個統一的面版外觀

做個最簡單的比方比較容易了解~~

CSS自訂式樣面版~~就如一個空屋子~~你將CSS語法加進去如同將這空屋子加上粉刷加上裝潢的

等一切設定好就成ㄌㄧ間裝潢粉刷美麗的空屋~~~

這時你需要加上傢俱啦~~裝飾品等~~就是使用HTML語法囉!!  好像我們在部落格加上自訂欄位的時鐘

音樂 , 閃圖 , logo 連結圖~在文章發表時加進圖片 , 影音分享等!!

所以 CSS語法只適用在自訂式樣中去做改變~~而HTML語法是用於 自訂欄位 ,  留言板 , 回應區 , 文章發

區中~~~

常常有格友說我要哪首歌的語法啦~~或是某個游標的語法

在這做一下解釋

 

例如在HTML語法中迷你單曲音樂盒語法如下範例

  <p align="center"><embed src="http://www.estvideo.com/dew/media/dewplayer-mini.swf?mp3=http://fanlucy2.myweb.hinet.net/qiufo.mp3&autoreplay=1&autoplay=1&bgcolor=" width="140" height="25"></embed>
   

在上方語法中黑色字地方就是語法標籤

紫色字是音樂盒網址~~(因這款音樂盒是單曲的可以直接讀取mp3音樂)

紅色字是mp3音樂網址

我們所要做的只是將某個音樂上傳網路空間取得網址後換上上面紅色字網址地方

而紫色字(音樂盒)網址也可以換上別款單曲的音樂盒網址

在CSS語法跟上方所提範例道理相同如要某個游標語法只是將游標改變語法中套入游標網址(紅色字地方)


滑鼠標改變語法


body{cursor:url(滑鼠游標(1)上傳後取得的網址 )}
a:hover{cursor:url(滑鼠(2)上傳後的網址 )}

如下範例


body{cursor:url(http://ashine0118.myweb.hinet.net/wing2.ani )}
a:hover{cursor:url(http://ashine0118.myweb.hinet.net/wing2.ani )}

以上解說大致上應該可以幫助到格友對HTML語法跟CSS語法的認識及其中的不同吧!!

下面提供一些學習基本的語法標籤網站

網站

http://chinese.allproducts.com.tw/html

http://www.geocities.com/SiliconValley/Mouse/7589/htnl.htm

http://www.study-area.org/coobila/tutorial_311.html

http://www.nnjh.kl.edu.tw/~sally/css/01cssintro.htm

http://www.nnjh.kl.edu.tw/~sally/css/cssindex.htm


html基礎認識
http://www.csie.nctu.edu.tw/~jglee/teacher/content.htm
html教學及語法測試
http://m7.dfps.tp.edu.tw/chen/main5/ahtml/01.asp
語法教學
http://h2ung.myweb.hinet.net/h3.htm
語法大全
http://h2ung.myweb.hinet.net/h1.htm
html簡易編輯器
http://h2ung.myweb.hinet.net/h6.htm
網頁製作教學及各種程式教學
http://www.i-webhk.com/go.php?tt=main&id=9
各種網頁標籤程式介紹及語法範例
http://hk.geocities.com/macaukcn/main_menu/web_study/study_index.htm


下面這幾個網頁語法特效網站可以參考看看

1.動態網頁特效
http://www2.hkedcity.net/citizen_files/aa/ee/ck8181/public_html/dynamic_webs.htm


2.網頁特效館
http://asianhollo.com/java_script.htm


3.CSS語法教學
http://a120.loxa.edu.tw/computer/computer_css.html


4.紅帥網
http://h2ung.myweb.hinet.net/

5.SR資訊館

http://www.sr-webs.com/teach.cgi?sr=see&sid=183

6.阿盛網站資訊生活網

http://sheng.phy.nknu.edu.tw/