Transcript HTML語法簡介
HTML語法介紹 HTML大探索 第1頁 HTML語法介紹 HTML是什麼? -英文全名：HyperText Markup Language -中譯：超文件標籤語法 -功用: HTML是一種標籤 (Tags) 式組合語法，藉瀏覽器 (Browser) 讀取文件 (Document) 中合法標籤、元素 (Element) 及物件 (Object) 等以呈現 出文字、圖形、動畫、聲音及影像等媒體資訊的效果。 <FONT COLOR = “RED” > 我的第一個網頁 </FONT> 文字顯示為紅色 第2頁 HTML語法介紹 HTML的由來 -1989年Tim Berners-Lee發展出HTML語法 -1993年，國際標準組織W3C（World Wide Web Consortium）推出HTML 1.0版 -目前發展至HTML 4.01版。有興趣者可至http://www.w3.org/Markup/。 第3頁 HTML語法介紹 HTML基本架構 網頁所有的變化就是由這個架構無限展開 !! <HTML> <HEAD> <TITLE>我的個人網站</TITLE> </HEAD> <HTML></HTML>：文件的開始與結束 <HEAD></HEAD>：標示文件資訊 <TITLE></TITLE> ：文件標題 <BODY></BODY>：標示本文 <BODY> 我的第一個網頁！ </BODY> </HTML> 第4頁 HTML語法介紹 HTML標籤類型 前後包夾型：成雙成對出現 <BODY> 起始標籤 </BODY> 結束標籤，具有 “/ ” 符號。 單槍匹馬型：單個標籤即可作用 <BR> 斷行 第5頁 HTML語法介紹 HTML標籤結構 標籤名稱︰字型 屬性值︰紅色 <font color = "red"> 文字顯示為紅色 屬性︰顏色 第6頁 HTML語法介紹 常用HTML語法 <BR>－換行 <BODY> 我的第一個網頁！<BR> 我也會用HTML製作網頁！ </BODY> 第7頁 HTML語法介紹 常用HTML語法 <CENTER>…</CENTER> －置中 <BODY> <CENTER> 我的第一個網頁！ <BR> 我也會用HTML製作網頁！ </CENTER> </BODY> 第8頁 HTML語法介紹 常用HTML語法 <FONT COLOR=字體顏色 SIZE=字體大小 FACE=字型名稱>…</FONT> －字體的顏色、大小(1～7數字，表示由小～大)、字型 <BODY> <FONT COLOR= “RED” SIZE= “5” FACE= “標楷 體”> 我的第一個網頁！ </FONT> </BODY> 第9頁 HTML語法介紹 常用HTML語法 <HR SIZE=寬度 WIDTH=長度> －插入水平分隔線 ；線段粗細(Pixel)及長短(Pixel/％) <BODY> 我的第一個網頁！ <HR SIZE=“5” WIDTH=“300”> 我也會用HTML製作網頁！ </BODY> 第10頁 HTML語法介紹 常用HTML語法 <IMG SRC=圖檔路徑 WIDTH=寬度> －插入圖檔；圖片的顯示大小(Pixel) <BODY> 我的第一個網頁 <IMG SRC=“images01.png” WIDTH=“100”> </BODY> 第11頁 HTML語法介紹 常用HTML語法 <A HREF=要連結的URL>…</A> <BODY> <A HREF=“http:// tw.yahoo.com/”>YaHoo奇摩站 </A> </BODY> 按下連結點 後，在原視 窗連結到指 定網址。 第12頁 HTML語法介紹 常用HTML語法速查表 (可列印) html_refer.mht 簡報結束 第13頁