HTML简介.pptVIP

HTML簡介 HTML HTML (Hypertext Markup Language) 超文件標記語言 歐洲物理實驗室(CERN) Internet 溝通方式 Internet Protocol (IP) 網際網路通訊協定 給予每部電腦獨一無二的住址 (IP address) IP address n.n.n.n (n256) 54 網域名稱 網域 (domain) 子網域 (subdomain) 網域名稱 網域+電腦名稱 範例 .tw 電腦名稱 BBS 資工系 CSIE 中央大學 NCU 較育機構 EDU 台灣 TW IP address 與 網域名稱 名稱伺服器 (name server) 轉換 IP address 與網域名稱 網域名稱必須與InterNIC註冊 (非營利機構) Domain name server/system (DNS) 網域名稱伺服器 中央大學 DNS “1” Internet 兩種不同電腦 伺服器 (Server) 提供各種文件 用戶端 (Client) 讀取文件、顯示各種文件 瀏覽器 (Browser) Netscape Navigator, Internet Explorer, … 網頁伺服器 (Web Server) 瀏覽器將網頁伺服器溝通 資訊傳輸流程 通訊協定 HyperText Transfer Protocol (HTTP) 超文件傳輸協定 HTML標準 W3C (World Wide Web Consortium) 全球資訊網聯盟 網頁架構 網站 範例 語言組成 標籤 由 “” 及 “” 所組成 Example: HTML /HTML 起始標籤 “” + 標籤名稱 + “” 結束標籤組成 “” + “/” + 標籤名稱 + “” Example: /HTML, /BODY, … 文章本體 包函文字，影像，聲音，多媒體等。 骨架 HTML HEAD TITLE標題/TITLE /HEAD BODY 內容 /BODY /HTML HTML HTML HTML文件起始 /HTML HTML文件結束 HEAD (標頭) HEAD 標頭起始 /HEAD 標頭結束 BODY (主體) BODY 文件主體起始 /BODY 文件主體結束 TITLE (標題) TITLE 標題起始 /TITLE 標題結束 如何學習 HTML 了解每個 標籤 及 標籤屬性 的用法 教學範例 “HTML” 屬性 DIR (LTR, RTL) 文字排列方式 LANG 語言 VERSION 版本 HTML DIR=RTL 文字右到左排列 HTML 文件 HTML P (段落標籤) 有起始、有結束P…/P /P可省略 HTML 文件 H1 (標頭標籤) 有頭有尾H1…/H1 H1、H2、H3、H4、H5、H6 標頭測試 如何置中 請使用屬性 置中 ALIGN=CENTER 置左 ALIGN=LEFT 置右 ALIGN=RIGHT 範例 H1 ALIGN=CENTER石門H1 測試 文件格式 實體格式標籤 B、BIG、BLINK、I、SMALL、SUB、SUP、TT、U 文意格式標籤 ABBR、ACRONYM、CITE、CODE、DFN、EM、KBD、SAMP、STRONG、VAR 實體格式標籤 B 粗體字 I 斜體字 BIG 加大字體、SMALL 縮小字體 BLINK 閃爍 SUB下標 SUP上標 TT 單行間距字型 U 加底線 測試 文意格式標籤 ABBR 縮寫 ACRONYM 字母縮寫字 CITE 引用 CODE 程式格式 DFN 定義 EM、 STRONG 強調 KBD 鍵盤 VAR 變數 測試 標籤混用 BI交通大學　生物資訊研究所/I/B 請測試 排版用標籤 BR 換行 NOBR不換行 WBR找尋適當位置換行 PRE 依照您的編排方式顯示 CENTER 置中 Q 引述 ADDRESS 地址 測試 檢視原始檔 利用瀏覽器的『檢視原始檔』功能，可以透過參考別人的網頁撰寫方式來學習。 * DNS Web Server .tw 36 36 給我首頁 給你~ HTML 網頁 Multimedia Image FLASH Music … 其他 HTML網頁 FTP資源 Index.html 封面+目錄 Chapter 1 章 Chapter 2 Chapter 3 Section 1 節 Section 2 Appendix 附錄 HTML HEAD TITLESample HTML/TITLE /HEAD BODY Hello WWW! /BODY /HTML * * * 預估20分鐘