1.1.1基本html档结构.ppt

網頁語言HTML (HyperText Markup Language) 1.1.1 基本 html 檔結構: html head title ……………… /title /head body ……………… /body /html;1.1.2 組織結構 尖括號: 大小楷均可 html.../html: 訂出網頁開始及結尾位置 head.../head: 訂出網頁資料 body…/body: 訂出網頁瀏覽內容 title…/title: 訂出網頁標題列內容;1.1.3 字型大小 h1…/h1 最大字形 ……………... h6…/h6 最小字型 e.g. Happy h1 NewYear /h1 Happy NewYear font size = 數字……/font 而數字可以是 +7, +6……-7 不會換行 e.g. Happy font size=7 New /font Year Happy New Year ;1.1.4 字型顏色 font color=“xxx”……/font 而 xxx 是英文顏色名稱 或 RGB值 顏色名稱 : red, green, blue, cyan, yellow, purple, silver, gray, lime… RGB值: e.g. #ff0000, #00ff00, #0000ff, #00ffff, #ffff00……… 1.1.5 字型樣式 b…/b 粗體字 e.g. b Hello /b Hi Hello Hi i… /i 斜體字 e.g. i Hello /i Hi Hello Hi;1.1.6 段落 及 跳行 p…/p 訂出段落開始及結尾位置 e.g. It is a p Paragraph /p tags It is a Paragraph tags br 跳行 e.g. Hello br Hi Hello Hi;1.1.7 文字對位 及 橫線 p align=“xxx” 而其中 xxx 可以是: left(左), right(右), center(置中), justify(左右對齊) e.g. p align=“center” Hello Hi Hello Hi center…/center } 之前及之後會附帶跳行 e.g. Hello center Hi /center Hello Hi hr color=“yellow” size=no width=x% e.g. Hr=“yellow” size=10 width=50% ;1.1.8 定位點 及 對位 tab id=xxx indent=數字 而其中 xxx 是定位點名稱 數字則用 en 單位 e.g. tab id=mytab indent=6 Classes in S.1: brtab to =mytab 1A brtab to =mytab 1B Output Classes in S.1: 1A 1B;1.1.9 插入圖片 img src=“xxx” alt=“yyy” align=“zzz” border=no 其中 xxx 是圖片的檔名 (一般副檔名為 gif/jpg) 若果找不到圖片, 其中 yyy 則是文字顯示 其中 zzz 是文字的對齊方式: top|middle|bottom e.g. img src=“star.gif” 1.1.10 插入超連結 a href=“url”.../a 其中 url 是超連結的劃一資源定位內容, 或是一區段名稱(後頁有介紹區段Section);a href=“http://url” 連結至互聯網上某一網頁 a href=“xxx”連結至同一電腦同一層次的某些檔案 a href=“../yyy/xxx”連結至同一電腦上一層次的某些檔案 a href=“mailto:EmailAddress連結至某一電郵地址 a href=“new: NewsGroupName連結至某一新聞組 e.g. a href=“/~chiuchow a href=“link2.html” a href=“../subject1/link1.html” a href=“mailto:chiuchow@” a href=“/p” a name= “SectionName” 設定區段所在地及名稱 a href= “#SectionName” 連結至某一區段;1.1.11 插入圖片 jpg/gif 作超連結 a href=“url”img src=“xxx”…b