1、HTML第1頁，共31頁。HTML HTML（HyperText Markup Lanquage）即超文本標記語言，是構成網頁最基本的要素，也是編寫ASP文檔和開發各種Web應用程序的基礎。第2頁，共31頁。2.1 HTML概述2.2 HTML常用標記2.3 HTML表格標記2.4 HTML框架標記2.5 HTML表單標記2.6 HTML其他標記2.7 HTML文檔樣式第3頁，共31頁。2.1 HTML概述2.1.1 什么是HTML HTML是一種標記語言每一個網頁元素通常由開始標記（start tag）、結束標記（end tag），以及夾在這兩個標記中的內容所組成。 主要由“屬性名稱 = 屬

2、性值”的方式來設定元素的屬性。一個HTML元素的形式可表示為： 內容 第4頁，共31頁。 網頁標題 這是正文部分！ 2.1.2 HTML文檔基本架構（01.html）第5頁，共31頁。2.1.2 關于HTML的頭部（02.html）標題(title) 鏈接(link) 樣式(style) 關于網頁信息(meta) 第6頁，共31頁。1標記的屬性及其說明屬 性描 述TEXT設定頁面文字的顏色BGCOLOR設定頁面背景的顏色BACKGROUND設定頁面背景的圖像BGPROPERTIES設定頁面背景圖像是否隨頁面的滾動而動LINK設定默認的鏈接顏色ALINK設定鼠標靠近時的鏈接顏色VLINK設定已訪

3、問過的鏈接顏色TOPMARGIN設定頁面上邊與瀏覽器窗口頂端的距離LEFTMARGIN設定頁面左邊與瀏覽器窗口左端的距離第7頁，共31頁。2.2 常用標記（03.html） 1標題文字標記 標題文字 2分段標記 文字 3換行標記第8頁，共31頁。2.2 常用標記（03.html）4橫線標記格式：5文本縮排標記格式： 文字 第9頁，共31頁。標 記描 述將文字設置為粗體字將文字設置為斜體字設置為帶有下劃線的文字設置為位于右上角的上標文字設置為位于右下角的下標文字設置為帶有刪除線的文字標明其間的文字為地址內容強調其間的文字（通常為斜體）強調其間的文字（通常為黑體）2.2.5 字體屬性標記第10頁，

4、共31頁。2.2 特殊字符標記字 符對應字符標記對應十進制編碼標記說 明大于符號&AND符號雙引號空格中點分節符號版權符號注冊符號第11頁，共31頁。格式：用作鏈接的文字或圖像2.1 HTML超鏈接（02.html）第12頁，共31頁。2.2 圖像標記(03.html)格式：第13頁，共31頁。2.2 列表標記(frame_a.html)1有序列表標記格式： 列表項1 列表項2 列表項n2無序列表標記格式： 列表項1 列表項2 列表項n第14頁，共31頁。2.3 HTML表格標記（frame_c.html）1網頁中的表格 網頁中經常需要使用各種表格元素，諸如“商品表”或“員工表”表格可以方便控

5、制網頁中各種元素的布局，以便整齊地安排網頁中眾多的文字和圖片等。第15頁，共31頁。 3表格應用示例2.3 HTML表格標記 (frame_b.html)第16頁，共31頁。2.5 HTML表單標記(frame_b.html) 2.5.1 表單簡介1網頁中的表單 表單的英文名稱為form ，用于在網頁中為瀏覽者提供一個輸入各種信息的界面，以便Web應用程序和Web數據庫獲取這些信息。大多數網站的網頁設計都需要使用表單元素，例如通過表單來完成用戶注冊信息的輸入或者商品訂購信息的輸入等。第17頁，共31頁。2.5 HTML表單標記(frame_b.html)2表單定義格式 第18頁，共31頁。2.

6、4 HTML框架標記1網頁中的框架框架元素用來將整個瀏覽器窗口劃分為多個不同的矩形區域，標記用來定義一個窗口內的框架數、各框架的尺寸等，框架標記則用來具體定義某個框架的名稱、在該框架中顯示的HTML文檔等。第19頁，共31頁。2框架定義格式 3框架應用示例第20頁，共31頁。2.5.2 常用表單域標記1 標記格式：說明：標記中可以有6個屬性，分別為：type、name、value、size、maxlength和checked。第21頁，共31頁。2 標記格式： 文字 文字 3 標記格式：第22頁，共31頁。2.6 HTML其他標記2.6.1 動態文字標記格式：第23頁，共31頁。2.6.2 層

7、標記格式： HTML元素序列第24頁，共31頁。2.6.3 嵌入多媒體信息標記格式： 第25頁，共31頁。2.7 HTML文檔樣式 在HTML文檔中除了可用各種標記對文字或段落等元素分別設置格式外，還可應用樣式來進行格式設置。在設計HTML網頁時，可采用下列方式定義和應用樣式：l在文檔頭部定義樣式塊。l在文檔主體部分對個別元素（如段落、表格單元等）單獨定義樣式。l 使用外部樣式表或稱層疊樣式表CSS（Cascading Style Sheets）。第26頁，共31頁。2.7.1 在文檔頭部定義樣式1格式： HTML標記屬性名稱：屬性值；屬性名稱：屬性值 HTML標記屬性名稱：屬性值；屬性名稱：

8、屬性值 2樣式塊中的各種屬性第27頁，共31頁。屬 性說 明取 值Font-Size字體大小Points、 Inches、 Pixels、 CentimeterFont-Family字體FontNameFont-Weight字體粗細Lighter、 Medium、 BoldFont-Style斜體Normal、 ItalicLine-Height行距Points、 Inches、 Pixels、 CentimeterColor文本顏色ColorName、 RGB tripletText-Decoration文本修飾效果None、 Underline、 Italic、 Line-ThroughT

9、ext-Aligh文本對齊Left、 Right、 CenterText-Indent文本縮進Points、 Inches、 Pixels、 CentimeterMargin-Left頁面左邊界Points、 Inches、 Pixels、 CentimeterMargin-Right頁面右邊界Points、 Inches、 Pixels、 CentimeterBackground背景圖片或顏色URL、 Color-Name、 RGB triplet第28頁，共31頁。2.7.2 為單個元素定義樣式對一些元素單獨設置style屬性示例：這是一段紅色粗體文字這是一個棕色宋體字標題163網站 姓名 第29頁，共31頁。2.7.3 使用級聯樣式表CSS 級聯樣式表CSS實際上是用來規范HTML文檔格式的樣式定義文件，可統一定義網站中多個網頁內容的顯示格式。減少