1 / 14

本章提要

本章提要. 什麼是 HTML 如何製作 HTML 文件 瀏覽器與 HTML 文件的關係. HTML 與網頁的關係. HTML 與網頁的關係. HTML 文件結構. 在 HTML 文件中由小於 "<" 及大於 ">" 符號所組成的記號稱為 標籤 (tag) 。 原來 HTML 文件不過就是和一般文字檔一樣 , 只是文字中夾雜一些特定的 HTML 標籤。當瀏覽程式在讀取我們的 HTML 文件時 , 就會依照各標籤所代表的意義 , 將其後的文字做出不同的特殊效果。. 設定標題文字.

elton-bowman
Download Presentation

本章提要

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 本章提要 • 什麼是 HTML • 如何製作 HTML 文件 • 瀏覽器與 HTML 文件的關係

  2. HTML 與網頁的關係

  3. HTML 與網頁的關係

  4. HTML 文件結構 • 在 HTML 文件中由小於 "<" 及大於 ">" 符號所組成的記號稱為標籤 (tag)。 • 原來 HTML 文件不過就是和一般文字檔一樣, 只是文字中夾雜一些特定的 HTML 標籤。當瀏覽程式在讀取我們的 HTML 文件時, 就會依照各標籤所代表的意義, 將其後的文字做出不同的特殊效果。

  5. 設定標題文字 • 設定標題的標籤共有 6 個, 分別是 <H1>、<H2>、…至 <H6>, 數字愈大, 所顯示的文字愈小：

  6. 對齊文字 • <P ALIGN> 設定對齊方向

  7. <HR> 標籤的變化

  8. <HR> 標籤的變化

  9. <IMG SRC="圖片檔的 URL">

  10. <IMG SRC="圖片檔的 URL">

  11. 建立超連結 • 在 HTML 文件中要建立超文字連結的標籤為 <A> 標籤 (Anchor), 其使用方式如下：

  12. 建立超連結 • 例如要建立一個連向旗標公司首頁的連結, 其做法如下：

  13. 建立超連結 • 在 <A> 和 </A> 標籤之間的旗標公司就會被瀏覽器以藍色的文字加上底線顯示, 同時只需在這幾個字上按一下, 便可直接上該網站：

  14. 為什麼要懂 HTML • 必須對這個網頁的基本構成要素有一定瞭解, 因為就算使用所見即所得(What You See Is What You Get)的工具來製作, 最終的製作成果也都是存成 HTML 檔。 • 有些特效是網頁製作軟體無法做出的, 只要通 HTML, 這時就可以自己動手編輯, 將所需的效果設計出來。

More Related