HTML基础教程幻灯片.ppt

HTML教程 大綱 名詞與觀念 文字編排 列表－有序，無序，定義 表格－表格 圖片－圖或背景 HTML語法與元素 HTML就是超文件標記語言 HTML語法介紹 HTML元素 JAVA Script 重要觀念 Intranet，區域網路(Local Net)，網際網路(internet) 網頁：Documents on Web 網站：Host, Web Site, Server，… A Computer running some server programs 特別注意事項 1.電腦系統包含軟體系統與硬體系統 沒有思維能力，只有邏輯 2.所以任何的語法指令，都必須明確 每個字都是必要而且是正確的 3.電腦語法的特性在於給電腦明確的指令 構詞構句要符合一定的規定 名詞解釋(1/4) Hyper Text：超文件。 超文件是指在文件中包含有鏈結到其他文件的能力。 其他文件可以是存放於 本機 區域網路 網際網路 使用者只需經由滑鼠點取，便可鏈結到其他相關的文件。 以HTML 編輯的超文件具備展現多媒體的能力 文件還可加入圖片、聲音、及動畫等效果。 名詞解釋(2/4) WWW：World Wide Web全球資訊網。 HomePage：首頁 以HTML寫成，網站的第一個被開啟的網頁。可以用瀏覽器看到的超文件。 瀏覽器【Browser】 看WWW上Homepage的工具程式。 解讀網頁上HTML並按其指示執行顯示網頁的用戶端程式。１：Mosaic【第一代】２：Netscape【第二代】３：Explorer【後現代】 名詞解釋(3/4) URL：Uniform Resource Locator。 在WWW的世界裡，統一使用URL來說明存取方式與存取位址。 URL格式 第一個部份用來指定存取方式， 第二個部份用來指定位址，兩者之間以：//符號隔開。 一般常見的URL格式 .tw/EDU/khai .tw telnet://.tw/ mailto:khai@.tw 名詞解釋(4/4) HTML：Hyper Text Markup Language。 WWW上製作Homepage的語言，是一種標記語言。此語言用一定的元素與格式指示網頁伺服器與瀏覽器，顯示設計者設計的網頁。 Tag Language：標記語言。製作HTML文件必須加入標記，讓瀏覽器知道該如何處理及呈現原始文件的內容。在HTML語法中，除了少數例外，大都是以XX開始，以/XX結束；其中XX就是HTML的標記。 網站首頁：HOMEPAGE 首頁-網頁排版 文字 圖片 聲音 動畫 超連結(超鏈結 Hyper link) E-mail 影音 HTML基本架構 (1/2) htmlhead title名稱/title/headbody內容/body/html Title讓製作者以簡短的文字表達此一首頁之內容。Title的內容會出現在瀏覽器的頂端的標題欄。若將某個首頁加入我的最愛中的書籤(Bookmark)，則Title內容變成該書籤名稱。 HTML基本架構 (2/2) 使用 記事本 (Notepad) 製作，寫完存檔，副檔名改成 htm 範例htmlhead title台灣文學專題/title/headbody04/26 陳雪 P講題：從《惡女書》到 《橋上的孩子》 一個小說家的形成。。。 /P /body/html 執行結果。 置中 - 對齊 center內容置中/center htmlheadtitle台灣文學專題/title/headbodycenter04/26 陳雪 P講題：從《惡女書》到 《橋上的孩子》 一個小說家的形成。。。 /P /center/body/html 執行結果。 各級標題字 htmlheadtitle標題測試/title/headbody centerh1第一級標題/h1正常文字h2第二級標題/h2正常文字h3第三級標題/h3正常文字h4第四級標題/h4正常文字h5第五級標題/h5正常文字h6第六級標題/h6正常文字/center /body/html 執行結果。 Font(1/3)- Size and Color font size=n color=顏色字串/font htmlheadtitleFont測試/title/headbodycenterfont size=7 color=black天/fontfont size=6 color=yellow上/fontfont size=5 color=black星/fontfont siz