| Relative Path |
|---|
-
雖 然 URL 提 供 了 連 接 網 路 資 源 的 方 法 , 對 於 撰 寫 HTML 的 人 來 說 , 一 個 檔 案 中 可 能 要 用 到 許 多 指 向 其 它 檔 案 的 URL . 很 可 能 這 些 檔 案 就 在 和 自 己 相 同 的 電 腦 主 機 上 , 難 道 每 次 都 要 重 覆 輸 入 自 己 的 電 腦 主 機 名 稱 嗎 ?
-
有 個 辦 法 , 可 免 去 這 種 困 擾 . 和 我 們 以 命 令 列 執 行 檔 案 的 狀 況 相 似 , 在 使 用 時 有 所 謂 的 絕 對 路 徑 與 相 對 路 徑
-
現 在 顯 示 的 檔 案 http://home.fido.net.tw/TUTOR/W3/html.html . 在 撰 寫 這 個 html.html 檔 時 , 就 已 設 計 在 相 同 目 錄 下 都 是 擺 WWW 相 關 的 東 西 , 而 且 清 楚 知 道 它 的 位 置 . 可 以 想 像 使 用 者 連 上 這 份 文 件 後 , 他 的 位 置 就 是 在 上 圖 html.html 的 所 在 . 因 此 只 要 在 html.html 寫 form.html , 表 示 要 連 http://home.fido.net.tw/TUTOR/W3/form.html (可 以 看 看 省 下 多 少 字) . 如 果 寫 PIC/proxy.gif , 就 會 顯 示 proxy.gif 這 張 圖 . 而 想 要 一 致 的 背 景 , 就 寫 /PIC/backgrd.gif
-
實 際 要 連 接 另 一 HTML 檔 或 想 顯 示 圖 形 , 必 須 配 合 標 籤 . 這 裡 只 先 說 明 URL 寫 法
|
+ + | - - | ^ ^ |
-
寫 HTML 檔 可 視 做 是 堆 積 木 的 過 程 , 可 以 一 步 步 把 積 木 堆 高 、 堆 完 整 . 不 像 是 書 本 , 必 須 完 成 所 有 稿 件 、 排 版 、 裝 訂 等 工 作 才 能 出 書 . 不 過 , 在 建 立 HTML 檔 前 , 能 有 完 整 的 構 想 、 按 部 就 班 做 , 當 然 是 比 較 好 的 主 意
-
首 先 我 們 來 看 看 底 層 的 積 木 要 如 何 擺
- 用 文 書 編 輯 器 寫 同 下 面 的 內 容
<html> |
|---|
- 存 成 struct.htm (檔 名 可 自 定) , 就 可 用 瀏 覽 器 來 看
-
基 本 成 員 有 <html></html> 、 <head></head> 、 <title></title> 、 <body></body> 這 四 個 成 對 標 籤 . 所 有 資 料 都 寫 在 <html></html> 之 間 , 然 後 像 信 件 般 分 成 兩 個 部 分 , 一 是 <head></head> 放 標 頭 , 另 一 則 是 <body></body> 放 內 容
-
而 <title></title> 是 放 在 <head></head> 中 , title 這 標 籤 會 設 定 視 窗 的 標 題 (在 視 窗 最 上 方) . 在 上 面 的 例 子 , 直 接 把 「標題」 兩 個 字 取 代 成 欲 顯 示 的 字 串 即 可
-
剩 下 的 重 點 就 是 在 <body></body> 中 的 東 西 , 這 是 要 給 使 用 者 瀏 覽 的 資 料 . 上 例 中 只 是 簡 單 放 兩 個 字 「內容」 , 您 可 以 取 代 成 要 顯 示 的 資 料 . 如 果 要 讓 顯 示 資 料 賞 心 悅 目 , 需 要 使 用 其 它 標 籤 . 請 繼 續 看 下 一 段 內 容
|
+ + | - - | ^ ^ |
-
- 最 簡 單 編 排 WWW 資 料 的 方 式 , 莫 過 於 使 用 <pre></pre> . 我 們 可 以 比 較 下 面 兩 個 例 子 :
| 有 pre 標 籤 | 無 pre 標 籤 |
|---|---|
<html> <head> <title>有 pre 標籤</title> </head> <body> <pre> 學習 HTML 只要瞭解標籤、URL 剩下的就交給創意 </pre> </body> </html> |
<html> <head> <title>無 pre 標 籤</title> </head> <body> 學習 HTML 只要瞭解標籤、URL 剩下的就交給創意 </body> </html> |
| 看以上結果 | 看以上結果 |
| [說 明] 「只」 開 頭 那 列 前 有 一 空 白 字 元 (Space) 「剩」 開 頭 那 列 前 有 一 Tab 字 元 | |
-
發 現 了 嗎 ? 如 果 使 用 pre 標 籤 , WWW 顯 示 資 料 就 會 遵 循 過 去 文 書 編 輯 器 排 版 的 方 式 , 所 以 用 Tab 、 空 白 和 換 列 字 元 來 編 排 文 章 都 可 以 看 到 效 果 . 沒 用 pre 標 籤 , 上 面 三 個 字 元 全 都 無 效 , 須 用 HTML 編 排 標 籤 . 雖 然 pre 標 籤 可 依 照 以 前 習 慣 的 方 式 來 寫 WWW 資 料 , 但 - 它 顯 示 資 料 是 固 定 字 型
- 如 果 一 列 長 度 超 過 視 窗 , 不 會 自 動 排 到 下 一 列
- 部 分 HTML 標 籤 無 法 使 用
因 此 除 非 文 章 事 先 做 好 , 要 放 在 WWW 上 , 才 用 pre 標 籤 . 想 使 資 料 美 觀 、 自 動 排 列 , 還 是 用 HTML 編 排 標 籤 較 好 :
. 當 瀏 覽 器 不 支 援 圖 形 才 會 顯 示 alt= 的 文 字