Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML大探索.

Similar presentations


Presentation on theme: "HTML大探索."— Presentation transcript:

1 HTML大探索

2 HTML是什麼? -英文全名:HyperText Markup Language -中譯:超文件標籤語法
-功用: HTML是一種標籤 (Tags) 式組合語法,藉瀏覽器 (Browser) 讀取文件 (Document) 中合法標籤、元素 (Element) 及物件 (Object) 等以呈現 出文字、圖形、動畫、聲音及影像等媒體資訊的效果。 <FONT COLOR = “RED” > 我的第一個網頁 </FONT> 文字顯示為紅色

3 HTML的由來 -1989年Tim Berners-Lee發展出HTML語法
-1993年,國際標準組織W3C(World Wide Web Consortium)推出HTML 1.0版 -目前發展至HTML 4.01版。有興趣者可至

4 <HTML></HTML>:文件的開始與結束
網頁所有的變化就是由這個架構無限展開 !! <HTML> <HEAD> <TITLE>我的個人網站</TITLE> </HEAD> <BODY> 我的第一個網頁! </BODY> </HTML> <HTML></HTML>:文件的開始與結束 <HEAD></HEAD>:標示文件資訊 <TITLE></TITLE> :文件標題 <BODY></BODY>:標示本文

5 HTML標籤類型 <BODY> 起始標籤 前後包夾型:成雙成對出現 </BODY> 結束標籤,具有 “/ ” 符號。
單槍匹馬型:單個標籤即可作用 <BR> 斷行

6 HTML標籤結構 <font color = "red"> 標籤名稱︰字型 屬性︰顏色 屬性值︰紅色 文字顯示為紅色

7 常用HTML語法 <BR>-換行 <BODY> 我的第一個網頁!<BR> 我也會用HTML製作網頁!

8 常用HTML語法 <CENTER>…</CENTER> -置中 <BODY>
我的第一個網頁! <BR> 我也會用HTML製作網頁! </CENTER> </BODY>

9 常用HTML語法 <FONT COLOR=字體顏色 SIZE=字體大小 FACE=字型名稱>…</FONT>
-字體的顏色、大小(1~7數字,表示由小~大)、字型 <BODY> <FONT COLOR= “RED” SIZE= “5” FACE= “標楷體”> 我的第一個網頁! </FONT> </BODY>

10 常用HTML語法 <HR SIZE=寬度 WIDTH=長度> -插入水平分隔線 ;線段粗細(Pixel)及長短(Pixel/%)
<BODY> 我的第一個網頁! <HR SIZE=“5” WIDTH=“300”> 我也會用HTML製作網頁! </BODY>

11 常用HTML語法 <IMG SRC=圖檔路徑 WIDTH=寬度> -插入圖檔;圖片的顯示大小(Pixel)
<BODY> 我的第一個網頁 <IMG SRC=“images01.png” WIDTH=“100”> </BODY>

12 常用HTML語法 <A HREF=要連結的URL>…</A> <BODY>
<A HREF=“ tw.yahoo.com/”>YaHoo奇摩站 </A> </BODY> 按下連結點後,在原視窗連結到指定網址。

13 常用HTML語法速查表 (可列印) html_refer.mht 簡報結束


Download ppt "HTML大探索."

Similar presentations


Ads by Google