HTML上课讲义.PPT

HTML語法介紹 林義誠 2008 三月 文件的基礎概念：三個組成構面 Content 內容 Format 格式 Structure 結構 URI (Uniform Resource Identifier) 資源識別字串 HTML的標籤 HTML中的特殊符號 HTML文件的基本構成 互動式網頁 Script 在Server端執行：ASP、JSP、PHP Script 在Client/Browser端執行：Java、JavaScript 混合型 HTML編輯軟體 HTML檔案 aa.htm 或 aa.html HTML檔案是文字檔，可以用記事本notepad.exe等軟體直接編輯，以IE等瀏覽器軟體來閱讀 也可以用FrontPage, Dreamwaver等HTML軟體編輯 學習路徑：notepad ? FrontPage ? Dreamwaver 標籤Elements與屬性Attributes 特殊字元 語法1：entityname; 範例 copy ; 語法2：#entitynumber;範例 #174; 等 註解 Comments 註解的起頭標籤 “!--”,結束標籤 -- 在註解中不可使用 -- 註解的範例 !– 這是一個註解 -- 一個 HTML 4.0 規格的文件 專屬(Strict)與通用(Transitional and Non-Strict) 標籤(Element) 專屬(Strict)標籤(Element) ：只支援少數的瀏覽器，只有少數的瀏覽器可以呈現正常效果 通用(Transisional and Non-Strict) 標籤(Element) ：支援較多瀏覽器或所有瀏覽器 XHTML：有比較嚴格語法(比照XML)，只使用標準的元件(標籤) HTML元件(標籤)語法應用範例 以下範例來自博碩出版社之 “最新詳解JavaScriptHTMLCSS語法辭典-增訂新版 ” 做作業時請直接從投影片複製內容，然後以記事本軟體編輯。 第1部分 網頁基本內容01.01 所使用的HTML版本 01.02 最低限度需要的元素 01.03設定全體的文字顏色 01.04 設定全體的背景顏色 01.05 設定全體的背景圖案 01.06 網頁標題 01.07 加入註解 第2部分 文件資訊02.01 文件標題 02.02 設定網頁的編碼 02.03 輸入關鍵字、內容說明、作者姓名等等 02.04 顯示Style Sheet、Script的語言 02.05 顯示相關的其他網頁 02.06 設定基準URL 02.07 自動讀取(跳轉)網頁 第3部分 文字格式03.01 標題格式 03.02 以段落標籤 p增加網頁的閱讀方便性 03.03 Email格式 03.04 強調文字內容 strong 03.05 顯示短的引用文 03.06 使用blockquote顯示長的引用文 03.07 使用 CITE顯示引用的出處 03.08 使用ACRONYM和ABBR顯示縮寫字資料 03.09 以ins標誌新增的內容並劃底線 03.10 以del標誌被刪除的內容 03.11 以dfn做出類似數學定義的格式 03.12 做出像程式碼的格式 03.13 用ruby做出注音符號效果與提示效果 03.14 顯示特殊符號 第4部分 字型格式設定 04.01 換行 04.02 加入水平線 04.03 指定字型樣式 04.04 以輸入的方式顯示空白和換行 04.05 置中對齊 04.06 指定對齊方式 04.07 指定文字顏色 04.08 指定字型種類 04.09 指定字型的基本大小 04.10 相對改變字型大小 04.11 指定字型的基本大小 第5部分 超連結 05.01 連結至其它網頁 05.02 連結至同一網頁內的指定位置 05.03 連結至其它網頁的指定位置 05.04 設定超連結的文字顏色 05.05 在新視窗顯示連結的網頁 05.06 使用超連結啟動電子郵件 第6部分 項目清單 06.01 製作標有符號的清單 06.02 變更清單的項目符號 06.03 製作標有序號的清單 06.04 變更清單序號的格式 06.05 變更清單的序號順序 06.06 製作用語及說明的清單 第7部分 表格 07.01 表格的基本型式 07.02 在表格上附上標題 07.03 指定表格的大小 07.04 指定儲存格的大小 07.05 合併儲存格 07.06 指定儲存格的間距 07.07 指定儲存格的框與內容的間距 07.08 指定儲存格內對角與垂直位置 07.09 禁止在儲存格內換行 07.10 指定表格的背景顏色 07.11 指定表格的背景圖片 07.12