HTML速成教室
HTML(Hyper Text
Markup Language)，就是「超連結文字標記語言」
時下有許多HTML的編輯軟體，常見的編輯軟體有：
Htmlabc
HomeSite
DiDaPro
HotDog
UltraEdit
記事本(Windows內建)
由於PHP網頁是以「*.php」來命名，無法被FrontPage開啟，除非變更副檔名為「.htm」
而為了避免變更檔名的麻煩，建議採用「Ultra Edit」這套專業的文字編輯軟體
|
HTML標記
|
用途說明
|
|
|
HTML文件的開始與結束
|
|
|
網頁的「檔頭資訊」標記
|
|
|
網頁「標題列」的名稱
|
|
|
網頁「語系」或其它相關設定標記
|
|
|
網頁主體標記
|
|
|
背景音樂設定標記
|
|
|
換行標記
|
|
|
指定段落標記
|
|
|
對齊置中標記
|
|
|
字型標記
|
|
|
標記說明
如果少了這兩個標記，瀏覽器將無法辨識該文件是否為網頁，而會改以「純文字文件」來處理
此為網頁檔頭資訊標記，就是指初始化網頁標題名稱、轉址設定、指定背景音樂、預設語系等等設定
一般寫在與
之間的有：
語系相關設定
此為標題列名稱，常常可以在瀏覽器的標題上，看見各網站的歡迎詞，
例如：「歡迎光臨BH聊天室」等等
每個網頁都有其預設的語系，其目的就是讓來自世界各地的網友，可以有如天涯若比鄰，看著自己熟悉的語言
例如設定一個「繁體中文語系」的設定方式
這兩行記下來，日後就可以輕鬆完成語系設定了
網頁主體標記與背景圖的指定
標記有一個特殊設定參數，那就是指定網頁的背景圖片
語法如下：
若是因為圖檔太大，為了下載而耗去大半的時間，這可是會叫人退避三舍的
為背景音樂標記
語法如下：
若是因為音樂太大，為了下載而耗去大半的時間，這可是會叫人退避三舍的
換行標記
指定段落的標記
習慣上常會將
省略
段落標記事實上與換行標記
用意是差不多的
用意是差不多的
可將它拿來當作「換段落中間的大空隙」的標記
標記還可以用來作為「文字對齊」之用
對齊置中的標記(預設的對齊方式為「靠左對齊」)
網頁中的對齊文字、圖片，永遠都會在網頁中間
表單的建立
除了HTML標記之外，製作互動性網頁，最重要的莫過於「網頁表單」的建立
例如：
線上履歷表、線上問卷調查、網頁登入等等
舉凡取得用戶基本資料、密碼認證、資料搜尋等，
表單的組成基本要件
1. 讓訪客輸入資料的表單欄位
2. 送出資料的按鈕
3. 大小適中、表單元件清晰的介面
乾淨的表單，讓人覺得很有親和力
手工打造表單
只要包圍在
與
之間的內容，都會被瀏覽器是為表單的一部分
所以不論是「文字輸入」欄位、確定按鈕，都必須寫在
與
之間
純手工打造表單輸入：
送出資料">
程式解析
標記
是在網頁裡插入一條「水平線」
Form action="http://localhost/inputQ1.htm"
這是設定表單送交動作的目標，也就是所有輸入的資料，都會送到這個網頁裡
Method="post"
說明送交表單的方法為「送出」(POST)，
當中method還可以等於「get」(取回)等
網頁間資料的傳遞，是靠變數來做連結的
利用的標記，製作一個文字輸入方塊
當中name="username"是將文字方塊的名稱取做「username」之意
也就是當訪客輸入一段文字時，當中username所儲存的為訪客輸入的文字
利用的標記，製作資料的按鈕
當中「value=」後面的文字就是按鈕上所要顯示的文字
讓PHP與HTML結合
要將PHP程式放入HTML碼裡，如下：
當「瀏覽器」看到
沒有留言:
張貼留言