HTML技术简介.ppt

HTML技術簡介 主講人：巫沛倉副教授 義守大學工業工程與管理系 超文件標示語言(HTML) 全稱：HyperText Markup Language。 HTML 是用來對文字、圖片、聲音等加以定義。 定義 HTML 文件 HTML/HTML 這兩個標籤是用來定義一份文件內的 HTML 段落。 對於許多的使用者而言，也許這個定義並不是如此的重要，但是一份嚴謹的超文件最好還是加上這兩個標籤。 通常這兩個標籤的位置是 HTML位於文件的最前端，而 /HTML則為於文件的最後一行，這樣的結果表示這一整份的文件都是 HTML 語法的文件。 文件的頭HEAD / HEAD HEAD /HEAD是用來描述 HTML 頁的內容，但是這一個內容並不會出現在一般讀者利用 WWW 瀏覽器所看到的文件中。 它同 HTML;/HTML 一樣，也可以被省略。 文件的標題 TITLE /TITLE 通常來說，每一份文件都應該有一個標題來簡述這一份文件的特色或是主題。 對於 WWW 瀏覽器而言，標題所在的位置雖然依照瀏覽器的不同而不同，但是大部份都位於瀏覽器的最上方。 title 的功能常常被拿來作為收尋主題的一個根據。一份文件的標題不宜過長，最好是能夠用最少的字來讓讀者能夠清楚的明瞭這一份文件的用處何在。 文件的內容區BODY/BODY 指的是定義出一個 HTML 文件的界限。 在 BODY 範圍內的文字，有使用 HTML 標籤的地方都可以正確的展示出來。 事實上 BODY 也是一個建議選項，因為如果讀者如果沒有使用 BODY 的話，文件也可以使用 HTML 標籤來展示，只是無法保證每一種語法都能夠正確的使用。 BODY 中的一些參數 背景圖片 Background=“???.gif” 背景顏色 bgcolor=#?????? 本文的顏色 text=#?????? 超鏈結的顏色 link=#?????? 鏈結到遠端時超鏈結的位置設定的顏色 alink=#?????? 文件中已經看過的顏色 vlink=#?????? Heading 起首字 H1H1 的大小/H1 H2H2 的大小/H2 H3H3 的大小/H3 H4H4 的大小/H4 H5H5 的大小/H5 H6H6 的大小/H6 分行符號與中斷一行 HTML 利用 P 來取代了 Enter，也就是說如果想要插入一行的時候，就可以加上 P 這一個標籤。（P 是 Paragraph 的意思） 如果想要在某一行的中間臨時跳到另一行，但是卻不產生一個空行，那麼可以使用 BR 這一個標籤。（BR 是 line break 的意思) 字體的變化 斜 體 字形I /I 粗 體字形B /B 打 字 機字形TT /TT 字形大小FONT SIZE=+2 /FONT 上下標字 SUP /SUPSUB/SUB BIG /BIG SMALL /SAMLL 底線 (Underline) U /U 穿越線 (Strike through) S /S 數字化的排列 數字化的排列方式有一點類似條列式，它會將被排列的重點或是文字冠上數字， 瀏覽器碰到它的時候會自動的計算數目。 OL 是代表一種起頭，它提醒瀏覽器在遇到它的時候，就必需將底下遇到的 LI轉變會數字直到碰到 /OL 為止。 非數字化的排列 非數字化的排列方式會將上一個章節中的阿拉伯數字改成其它的固定符號，而不再用數字來表示。 只需要把 OL 改成 UL 即可。 E.g. OL LI Chapter 1 LI Chapter 2 /OL 限定的排列 這是一種特殊的排列方式，它也是由組合的方式來達成它的目的，它所展現的方式是一種具有主題以及描述的一種排列。 e.g. DL DT Chapter 1 DD Section 1.1 DT Chapter 2 DD Section 2.1 /DL 限定的排列 其中DL 標籤表示開始用限定排列的方式來排列底下的資料。 而 DT 則表示排列的標題。 DD 則表示了描述的內容。 DT 以及 DD 都沒有代表結束的 /DT 或是 /DD 標籤。 但是 DL 標籤則一定要對應一個 /DL 標籤來結束。 巢狀的列目錄 HTML 允許讀者們在 OL 與 /OL 或是 UL 與 /UL標籤裡面再使用這些的標籤，這樣會使得排列具有層次的功能。 換言之，對於使用者來說，它可以做到大主題下面還有許多的小主題，甚至小主題底下也可以再細分其他更小的主題。 文件中的註解 HTML 語法也可以使用註解。 ! 與 ! 標籤範圍內的文字， 在瀏覽器中並不會被顯示出來。它的用處很簡單，就是註解一份文件而已。 超鏈結的使用方式 A HREF=“hhtp://.tw” 工管系首頁 /A 超鏈結