【正文】 /STYLE 之間，用這種方法可在網(wǎng)絡(luò)中直接引 用別人的式樣表。color:red} 應(yīng)用 :P id=YellowoneText here/P 【例 2－ 13】用 ID定義樣式表例一 用 ID定義樣式表例二 第 2章 HTML語言基礎(chǔ) 第 2章目錄 使用 Class類定義樣式表 A、 相關(guān) Class類定義： 類名與一個(gè)標(biāo)記相關(guān)聯(lián) ,它只能被這個(gè)標(biāo)記引用 格式 ： {property : value} 舉例 ： {color : red} H1 class=redone紅色的文本 /H1 H2 class=redone普通的文本 /H2 用相關(guān) Class類定義樣式示例 【例 2－ 12】用 ID定義樣式表 第 2章 HTML語言基礎(chǔ) 第 2章目錄 B、 獨(dú)立 Class類定義 用獨(dú)立 Class類定義的樣式表可以被任何標(biāo)記所 引用 格式 ： .Classname{property : value} 舉例 ： .Blueone{color : blue} H1 class=blueone藍(lán)色的 H1標(biāo)題 /H1 H5 class=blueone藍(lán)色的 H5標(biāo)題 /H5 P class=blueont藍(lán)色的段落 /P 用獨(dú)立 Class類定義樣式示例 Class與 ID相似 ,但 ID常用于在 JavaScript中標(biāo)識 元素 ,若不在網(wǎng)頁中使用 JavaScript ,應(yīng)盡量少用 ID 第 2章 HTML語言基礎(chǔ) 第 2章目錄 三、在 HTML中使用 CSS 嵌入式樣式表 采用 HTML標(biāo)簽的 style屬性，它的特點(diǎn)是定義某一 個(gè)標(biāo)記的樣式風(fēng)格，它只對所定義的標(biāo)簽起作用，并非 對整個(gè)頁面起作用。是對 HTML功能的補(bǔ)充 一般地 CSS能處理以下內(nèi)容： 字體、文字間的空間、列表、顏色、背景、位置 、 Margin等 使用 CSS樣式表的例子 第 2章 HTML語言基礎(chǔ) 第 2章目錄 二、定義 CSS樣式表 樣式表的定義有三種基本方式： ◆ HTML標(biāo)記定義 ◆ Class(類 )定義 ◆ ID(標(biāo)識符 )定義 使用 HTML標(biāo)記定義樣式表 通過 HTML定義樣式表是指：可以定義任一個(gè) HTML 標(biāo)記的樣式。它定義框架文件有幾個(gè)窗口 (幀 )，以及每個(gè)每個(gè)窗口的排列方法 第 2章 HTML語言基礎(chǔ) 第 2章目錄 屬性： src:鏈接文件的 URL地址 (必須賦值 ) name:子窗口的名字 (應(yīng)賦值 ,是 target的目標(biāo) ) marginwidth、 marginheight:顯示內(nèi)容與邊界的 距離 scrolling:子窗口滾動(dòng)條設(shè)置－ yes/no/auto noresize:窗口大小不可調(diào) Frame標(biāo)記 格式： FRAME 功能：在網(wǎng)頁中定義子窗口，它是單一標(biāo)記。 INPUT屬性表 各種輸入域的用法 第 2章目錄 第 2章 HTML語言基礎(chǔ) 多行輸入域標(biāo)記 格式： TEXTAREA……/TEXTAREA 功能：定義多行文本輸入域 主要具有 name、 cols、 rows三個(gè)屬性 name: 文本框名稱 cols: 寬度 (字符數(shù) ) rows: 高度 (行數(shù) ) wrap: 換行控制 (off、 hard、 soft) 【 多行輸入域示例 】 各種輸入域的用法 第 2章目錄 第 2章 HTML語言基礎(chǔ) 選擇標(biāo)記 格式： SELECT OPTION選項(xiàng)一 /OPTION OPTION選項(xiàng)一 /OPTION …… /SELECT 功能：定義選擇欄 SELECT屬性： name: 設(shè)置選擇欄的名字 size: 設(shè)置一次可見的選項(xiàng)個(gè)數(shù) multiple: 設(shè)置選項(xiàng)欄是否支持多選 第 2章目錄 第 2章 HTML語言基礎(chǔ) OPTION屬性： value: 設(shè)置選項(xiàng)的初值 selected: 表示此選項(xiàng)為預(yù)置項(xiàng) 各種輸入域的用法 【舉例 29】 綜合舉例 第 2章目錄 第 2章 HTML語言基礎(chǔ) 167。 服務(wù)端接受數(shù)據(jù)的方法： % VALUE =(“FormField”) % ◆ target： 指明目標(biāo)窗口或目標(biāo)幀。 主要屬性： ◆ action：指定接受表單數(shù)據(jù)的服務(wù)器的 URL。 第 2章目錄 第 2章 HTML語言基礎(chǔ) TR行的屬性： bgcolor :設(shè)置行背景顏色 align: 設(shè)置行對齊方式 vlign: 設(shè)置單元格垂直對齊方式 定義表格單元格標(biāo)記 格式： Td……/Td 功能： 定義表格中的一個(gè)數(shù)據(jù)單元格 。 【舉例 2－ 7】超級鏈接 第 2章目錄 第 2章 HTML語言基礎(chǔ) 七 、 表格標(biāo)記 表格是高級 HTML構(gòu)造，它是表現(xiàn)力相當(dāng)豐富的標(biāo) 記，它允許用戶在單元格內(nèi)安排文本、圖像及其它 HTML內(nèi)容 表格的組成部分 ◆ 標(biāo)題指明表格的內(nèi)容，它是可選項(xiàng)。 第 2章目錄 第 2章 HTML語言基礎(chǔ) 五 、 圖像標(biāo)記 插入圖像標(biāo)記 格式： Img……/Img 功能：在網(wǎng)頁中插入圖像 說明： Img標(biāo)記并不是真正地把圖像給加入到 HTML文檔中，它實(shí)際上就是通過路徑將圖形文件嵌入 到文檔中。 B/B 使文本以黑體字的形式輸出 I/I 使文本以斜體字的形式輸出 U/U 使文本以下加一劃線的形式輸出 Cite/Cite 輸出引用方式的字體，通常是斜體 Strong/Strong 輸出加重文本，通常是斜體 加黑體 【舉例 2－ 4】文本標(biāo)記綜合示例 第 2章目錄 第 2章 HTML語言基礎(chǔ) 四 、 列表格式標(biāo)記 有序列表 格式： OL type=“符號類型” LI type=“符號類型” ……/LI LI type=“符號類型” ……/LI …… /OL 功能：建立有序列表 說明 :◆ OL的作用是建立有序列表， LI/LI的 作用是建立列表項(xiàng) (必選標(biāo)記 ) ◆ 順序號種類由 type屬性 設(shè)置，且它們都是加重符號，默認(rèn)序號是數(shù)字。 ● size:指定線的寬度，以像素為單位。 第 2章 HTML語言基礎(chǔ) 第 2章目錄 注意： ★ P標(biāo)記含有 align屬性 ★ 使用該標(biāo)記會(huì)輸出一個(gè)空行 ,使后繼內(nèi)容隔一行 顯示 ★ P可強(qiáng)制換行 (換行且加入一個(gè)空行 ) ★ 用 P/P將段落包圍起來表示一個(gè)塊 【舉例】 P標(biāo)記 預(yù)定格式標(biāo)記 格式： PRE…/PRE 功能：在瀏覽器中顯示時(shí)，按照文檔中預(yù)先排好的 形式顯示內(nèi)容 第 2章 HTML語言基礎(chǔ) 第 2章目錄 說明： HTML本身會(huì)忽略多余的空白和多余的行 ,而 PRE會(huì)按照用戶輸入格式排列 ,不會(huì)忽略多余的行和列。正文標(biāo)記有自己的屬性 幾個(gè)應(yīng)注意的問題： ◆ 以上幾個(gè)標(biāo)記均是可選標(biāo)記 ◆ 這三個(gè)標(biāo)記可以互相嵌套的。 第 2章 HTML語言基礎(chǔ) 第 2章目錄 167。 HTML規(guī)定了文字圖像的顯示方式，其中的標(biāo)記可以 被瀏覽器讀取、解釋并執(zhí)行 HTML是用來表示信息的一種符號標(biāo)記語言，也 是一種規(guī)范，具有平臺(tái)獨(dú)立性 HTML中的標(biāo)記可以被瀏覽器解釋執(zhí)行 HTML是文本文檔 (ASCII碼 )，它不含任何與平臺(tái)、 程序有關(guān)的信息，可被任何文本編輯器讀取 第 2章 HTML語言基礎(chǔ) 第 2章目錄 HTML允許 Web文本在編輯時(shí)將信息內(nèi)容與 文本的表現(xiàn)形式分開 用 HTML編寫的 Web頁便于通過網(wǎng)絡(luò)進(jìn)行搜索 二、 HTML文檔結(jié)構(gòu) 基本的 HTML語法問題 ◆ 所有的標(biāo)記 (tag)必須由尖括號括起來 如： HTML、 BODY等 ◆ 標(biāo)記是成對出現(xiàn)的 (開始標(biāo)記、結(jié)束標(biāo)記 ) 開始標(biāo)記 結(jié)束標(biāo)記 標(biāo)記名 內(nèi) 容 /標(biāo)記名 第 2章 HTML語言基礎(chǔ) 第 2章目錄 一般地， HTML還有另外兩種表示方法 標(biāo)記名 屬性名 =“屬性值” …文本或超文本 /標(biāo)記名 標(biāo)記名 ◆ 標(biāo)記不分大小寫 (HTML對大小寫不敏感 ) HTML的基本結(jié)構(gòu) HTML最基本的結(jié)構(gòu)中包括三個(gè)基本標(biāo)志 ,即： HTML、 HEAD、 BODY 基本結(jié)構(gòu) ： HTML HEAD 標(biāo)題部分 /HEAD BODY 正文部分 /BODY /HTML 文件頭 文件體 HTML文件 第 2章 HTML語言基礎(chǔ) 第 2章目錄 三 、 常用的 HTML編輯工具 編寫一個(gè) HTML文件主要有以下幾種途徑： (1) 手工直接編寫 (文本編輯器如記事本、 EditPlus、 UltraEdit等 )。 表單結(jié)構(gòu) ? 167。一般地其并發(fā)用戶數(shù)在 10個(gè)以內(nèi) 。 ASP的運(yùn)行環(huán)境 一、運(yùn)行 ASP的條件 安裝 TCP/IP協(xié)議 安裝 Web服務(wù)器軟件 (IIS或 PWS) Windows?98+PWS Windows 2020 Server + IIS ASP程序文件 一般地 ASP程序可以在 Windows 95/ 98/ NT/2020 等操作系統(tǒng)下運(yùn)行，應(yīng)具備以下條件： 第 1章目錄 第 1章 ASP應(yīng)用基礎(chǔ) 第 1章目錄 二、 IIS 安裝和設(shè)置 IIS(Inter 信息服務(wù)器 )是在 Windows 2020平臺(tái)下 提供 Web站點(diǎn)服務(wù)的組件。 ?可以利用 ADO（ Active Data Object） 方便地訪問 數(shù)據(jù)庫 三、 ASP工作原理 普通 HTML的執(zhí)行過程 ?普通 HTML是靜態(tài)網(wǎng)頁，由瀏覽器解釋執(zhí)行 ?任何 Web服務(wù)器均支持 HTML網(wǎng)頁 ?HTML網(wǎng)頁的執(zhí)行過程是一個(gè) 請求 /響應(yīng) 的過程 第 1章目錄 第 1章 ASP應(yīng)用基礎(chǔ) ASP的執(zhí)行過程 ?ASP是動(dòng)態(tài)網(wǎng)頁，是后綴為 .asp的文件。 格式： 協(xié)議名稱 ://主機(jī)名 [:端口號 ]/目錄 /…/文件名 ◆ 協(xié)議名稱： 訪問信息資源時(shí)所使用的 Inter協(xié) 議 常用的信息服務(wù)類型 ： HTTP超文本傳輸協(xié)議 FTP文件傳輸協(xié) Tel遠(yuǎn)程登錄服務(wù) News網(wǎng)絡(luò)新聞組 file本地文件 第 1章目錄 第 1章 ASP應(yīng)用基礎(chǔ) ◆ 端口： 指定 Web服務(wù)器在該主機(jī)上使用相應(yīng)協(xié)議 (TCP/IP)的端口 ◆ 目錄： Web服務(wù)器上信息資源所在的目錄 ◆ 文件名： 文件名 .擴(kuò)展名 舉例：