HTML 透过一系列之标签 （tags） 去描述如何在网页中显示各课件.pptVIP

可分層次 , 相互嵌入 (nested) 分 3 類 1. 非數字表列(unordered list) : ul li….. li ….. /ul ul 屬性 ul type=[circle, square, disc(預設)] li 屬性 li type=* start=* value=* 2. 數字表列(ordered list) : ol li……li…../ol ol 屬性 ol type=[a|A|i|I|1(預設)] start=? 當中, a - 細楷字母, A - 大楷字母, i - 細楷羅馬數字, I - 大楷羅馬數字 , 1 - 亞拉伯數字 ? 代表該表列之起始數值 HTML (5) - 表列(list) 精品文档 3. 定義性(definitive)表列: DL DT 項目 1 DD 項目 1 內容 DT 項目 2 DD 項目 2 內容 /DT 範例 1 範例 2 (嵌入之例子) HTML (6) – 表列 (續) 精品文档 連結至另一網頁或檔案 (例 *.doc, *.ppt 等) a href=“絕對或相對網頁地址” ……. /a 例 : a href=“.hk”公開大學/a 或 a href=“intro.html” 網頁介紹 /a 寄電郵之超連結 a href=mailto:收件人之電郵地址….../a 例 : a href=mailto:abc@寄信給我/a HTML (7) - 超連結 精品文档 整個網頁之背景畫面 : body background=“影像檔之絕對或相對地址” 在網頁內加入影像 : img src=“影像檔之絕對或相對地址及其名稱” height=“n1” width=“n2” border=“n3” align=[top|bottom(default)|middle|left|right] alt=“當影像檔不能被顯示時出現的字句” 當中, n1,n2,n3 皆以圖素(pixels)數目為單位 範例 HTML (8) - 影像 精品文档 HTML (9) - 表單(Table) table../table 表之開始及結束 tr…../tr 表內每一列之開始及結束 td…../td 表內每一列之每個儲存格的開始及結束 caption .. /caption 寫在表上的標題 (非必需) th…/th 表內每欄之標題 (非必需) 範例 精品文档 功能 : 收集用戶輸入之數據, 並將之傳遞至伺服 器中作處理或運算 基本格式 : FORM ACTION=“URL” METHOD=[get|post] 表格輸入元素 /FORM 其中 URL 是指處理表格數據之伺服器端程序的相對或絕對位址. HTML (11) – 表格 精品文档 輸入元素 : 1. 文字欄位 Text box 2. 捲軸文字欄位 Scrollbar textbox 3. 多選項欄位 Checkbox 4. 單選按鈕 Radio button 5. 多項下拉式選單 (Multiple) Select Menu 6. 遞交按鈕 Submit button 7. 重設按鈕 Reset button 8. 密碼欄 Password 9. 隱藏欄位 Hidden field 10. 檔案欄位 File field 兩種傳遞方法 : GET or POST 範例 HTML (12) – 表格(續) 精品文档 框架 (frame) 參考教科書 p.85-89 範例 精品文档 靜態html vs 動態html 靜態html (static html): 除非網頁設計者對網頁內容作出修改並再上傳至網站 , 否則, 其內容及外貌永遠不會改變 . 單靠使用不同的網頁標籤寫成 . 例子 : 本科科網 精品文档 靜態html vs 動態html 動態html (dynamic html): 內容及外貌隨用戶的動作而作出相關網頁回應 . 動態html = 靜態html + 串接樣式表及/或客戶端程序片段 (css) (client-side script) 例子 精品文档 根據程序片段之地方作分類 : 在伺服器內執行 - 伺服器程序片段 在用戶的瀏覽器上執行 - 客戶端程序片段 兩類程序片段皆貯存於網頁伺服器內 Clie