98级电脑战斗营HTML课程.ppt

98級電腦戰鬥營 98級電腦戰鬥營 HTML課程 講師：洪源泰 　　　柯佑欣 　　　莊凱傑 　　　石明儒 什麼是HTML 全名：HyperText Markup Language HTML是建立網頁的基本語法。 藉由語法中的各種標示，將網頁的架構（如標題、段落等）告知瀏覽器，以將網頁有系統地顯示在螢幕中。 如何檢視網頁的HTML? Dreamweaver版面切換：程式碼/分割 標籤：以角括弧所包起來的文字 如html、head、p等 各種不同的標籤會對應不同的功能 HTML的基本內容 HTML的基本內容 標籤寫法：起始標籤內容結束標籤 HTML標籤的架構 頁面起始、結束的地方需加上html和/html標籤。 在html之下，首先需列出網頁標頭。head和/head標籤可讓瀏覽器知道此網頁的標題等資訊。 head之內的title/title資訊，為瀏覽器上方所顯示的網頁名稱。 body/body之內的訊息為網頁內文。 常用的HTML標籤 段落與換行 段落(中間有空行)：p 換行(中間無空行)：br 常用的HTML標籤 文字置中、置右 p align=center p align=right 常用的HTML標籤 標題文字 依層級不同，分為h1至h6 常用的HTML標籤 文字屬性：font 文字顏色：font color=red 文字字體：font face=arial black（特殊字體需要瀏覽器的電腦有支援，才能正確顯示） 常用的HTML標籤 字型變化 粗體：b 斜體：i 底線：u 常用的HTML標籤 項目符號與編號 項目符號：ulli 編號：olli 常用的HTML標籤 插入圖片：img src=”資料夾名/xxx.jpg 常用的HTML標籤 超連結與相關語法 a href=”資料夾名/xxx.html 在連結語法中加上「target」可設定開啟的視窗 新視窗開啟：target=_blank” 常用的HTML標籤 錨點 讓目錄文字可以連結到頁面中的特定位置 連結位址：a href=“xxx.html#自訂名稱” 目的地：a id=“自訂名稱” 常用的HTML標籤 表格 直的為欄，橫的為列。欄列之間的方格為儲存格 儲存格：td 列： tr 常用的HTML標籤 將表格加上框線 在table之後加上「border」 table border=1 常用的HTML標籤 在表格的第一列加入標題 每行的表格標題標籤：th 常用的HTML標籤 調整表格大小 調整表格寬高：table width=X height=X 調整表格寬高：table width=X% height=X% 常用的HTML標籤 合併表格欄位 將左右欄位合併：td colspan=X 將上下欄位合併：td rowspan=X（表示橫跨x個欄位） 常用的HTML標籤 表格底色與背景圖片 底色：bgcolor=顏色 背景圖片：background＝”圖片路徑” 常用的HTML標籤 表格欄距設定 表格內文與格線的距離：cellpadding 欄位格線之間的距離：cellspacing 98級電腦戰鬥營 98級電腦戰鬥營