HI!大家好~我是咯咯咯的鬼太郎...不對!我是台論之星的工程師
因為有人想要我出櫃當老師XD
所以有了這個系列文的產生
大致上會分做四個大類 HTML CSS JAVASCRIPT PHP
用這些就可以寫出一個網站了
PS. 教學文中不會著重於理論探討,較多為應用
PS2. 程式碼最好自己打,這樣會比較快吸收!!還有初期階段最好不要去用DW這類的軟體
那~就開始吧
=================================================
HTML篇
就我的說法來講,HTML不是一種程式語言
它是一種你寫什麼,瀏覽器上看到的就是什麼
沒有變數宣告,沒有流程控制,沒有迴圈,沒有邏輯判斷
但!!它是一個網頁上舉足輕重的狠角色
其他關於HTML的介紹就自己找資料去吧~
寫HTML實在是很簡單,因為只要開啟記事本你就可以開始寫啦~~
最後只要把副檔名改成HTML就可以讓瀏覽器去執行了
當然我不推薦使用這種方式,最好是去選擇一種專門用來寫語言的編輯器
比如:notepad++
OK~現在開始寫第一個HTML吧~
HTML的基本格式如下
<html>
<head>
<title>網頁名稱</title>
</head>
<body>
</body>
</html>
在HTML中,由大小於括起來的<>叫作標籤
有開頭就有結尾,結尾標籤是由一個"/"加上標籤名稱
另外再寫的時候,排版是很重要的一件事情
不然程式碼會變得不好理解
如果是我,在標籤裡面的標籤我會用一個TAB往內縮
HTML內的所有內容都是包在<html>標籤裡面
基本款包括了一組<head>和一組<body>
<head>是用來設定這個網頁的一些資料
比如在<head>中的<title>就是用來設定網頁名稱,網頁名稱就是你開瀏覽器,會顯示在頁簽上面的名稱
<body>是把文字,圖片..etc 顯示在瀏覽器中的區塊
接下來我們就來寫個範例吧(記得用手打,不要給我複製貼上!!另外記得把附檔名改成HTML)
<html>
<head>
<title>第一個範例</title>
</head>
<body>
HELLO~ WORLD!!
</body>
</html>
OK~儲存完後(檔名.html)就可以用瀏覽器開啟它啦~
開啟後只會在左上角顯示HELLO~ WORLD!!,中間有一個空白字元隔開,瀏覽器標題會顯示"第一個範例"
你可能會覺得很奇怪說為什麼會多一個 這種怪怪的東西
它在HTML中代表的是一個半型空白,是特殊字元的一種
如果你不相信~試著在HELLO~和WORLD!!打上一堆半形空白
重新整理後保證絕對會連在一起,死都不會分開,不過全形空白倒是可以....
好啦~到這邊就可以跟自己說:我踏出往網頁設計的第一步了!!!!!
不要懷疑,這一篇就到此結束了~
這篇的目的在於讓大家了解到,HTML這種東西根本不難
你看上面的例子,簡簡單單就可以讓瀏覽器為你顯示出一句話來
之後的教學~也請各位以輕鬆的心情來學習
寫程式是可以很快樂的!!加油喔