1、第二講第二講 HTML基礎基礎教學要求1、了解HTML語言與高級語言（如VB、C等）的區(qū)別；識記網(wǎng)頁常用標記及屬性，如標題、字體、段落、圖像、超鏈接、表格等；2、熟練掌握HTML表單中各界面對象的標記符號和屬性，如表單、文本域、列表域、復選框與單選鈕、命令按鈕等；n概念：nHTML（Hyper Text Markup Language 超文本標識語言）n是一種用來制作超文本文檔的簡單標記語言。n用HTML編寫的超文本文檔稱為HTML文檔。1、HTML 文件結構 網(wǎng)頁頭部網(wǎng)頁頭部網(wǎng)頁正文網(wǎng)頁正文2、HTML標記的特點-11）HTML是文本文件，標記符號均用括起來，大多數(shù)標記成對出現(xiàn)，結束標記多一

2、個斜杠。. 2）標記擁有自己的屬性。山西大學3）HTML標記可嵌套使用，不能交叉。Active sever page4）少數(shù)標記是單獨使用如：、 2、HTML標記的特點-2nHEAD元素元素出現(xiàn)在文檔的開頭部分。與之間的內(nèi)容不會在瀏覽器的文檔窗口顯示，但是其間的元素有特殊重要的意義。 n 元素定義HTML文檔的標題。與之間的內(nèi)容將顯示在瀏覽器窗口的標題欄。n元素 n元素下面可以插入很多很有用的元素屬性。下面介紹四種：1. 用來標記搜索引擎在搜索你的頁面時所取出的關鍵詞。2. 用來標記文檔的作者。2. 用來標記你的頁面的解碼方式。4.用來自動刷新網(wǎng)頁實例：n編寫一個網(wǎng)頁，要求3秒鐘后自動跳轉(zhuǎn)到山

3、西大學的網(wǎng)站。 my first page 三秒鐘后本網(wǎng)頁將自動跳轉(zhuǎn)到山西大學首頁 n元素表明是HTML文檔的主體部分。在與之間，通常都會有很多其它元素；這些元素和元素屬性構成HTML文檔的主體部分。元素中有下列元素屬性： n(1)bgcolornbgcolor屬性標志HTML文檔的背景顏色。如：bgcolor=“#CCFFCC”。n(2)backgroundnbackground屬性標志HTML文檔的背景圖片。如：background=“images/bg.gif。n可以使用的圖片格式為GIF，JPGn(3)bgproperties=fixednbgproperties=fixed使背景圖片

4、成水印效果，即圖片不隨著滾動條的滾動而滾動。n(4)textntext屬性標志HTML文檔的正文文字顏色。如：text=“#FF6666”。Text元素定義的顏色將應用于整篇文檔。n(5)超級鏈接顏色nlink、vlink、alink分別控制普通超級鏈接、訪問過的超級鏈接、當前活動超級鏈接顏色。n(6) leftmargin和topmarginn設置網(wǎng)頁主體內(nèi)容距離網(wǎng)頁頂端和左端的距離如：leftmargin=20 topmargin=30“n1.文字顏色 指定顏色 . n2.文字字體 . #=客戶端可獲得的字體n3.文字大小 . #=1, 2, 3, 4, 5, 6, 7 or +#, -#

5、n4.文字標題 . #=1, 2, 3, 4, 5, 6 傾斜文本 粗體文本 下劃線文本 刪除線文本 n圖像基本語法:nn引用圖片必須用元素標志。元素下的基本元素屬性是src屬性，src的屬性值為所引用的圖片的URL地址。nsrc屬性是必須的。Src的URL可以是絕對地址，也可以是相對地址超級鏈接是用標記定義的 n如：超級鏈接 n如：超級鏈接n超級鏈接可以指向E-mail地址n如：指向E-mail地址的超級鏈接n超級鏈接可以指向頁面內(nèi)部鏈接（錨點鏈接）nn指向本頁面錨點aa的超級鏈接n 元素：定義一個表格。每一個表格只有一對和，一張頁面中可以有多個表格。n元素：定義表格的行，一個表格可以有多行

6、，所以對于一個表格來說不是唯一的。n元素：定義表格的一個單元格。每行可以有不同數(shù)量的單元格，在和之間是單元格的具體內(nèi)容。n需要注意的是：上述的三個元素必須、而且只能夠配對使用。缺少任何一個元素，都無法定義出一個表格。表格和單元格也有自己的相關屬性，比如：width、height、background、bgcolor等。nHTML表單是HTML頁面與瀏覽器端實現(xiàn)交互的重要手段。利用表單可以收集客戶端提交的有關信息。n在HTML里，我們可以定義表單，并且使表單與ASP服務器端的表單處理程序配合。n表單是網(wǎng)頁上的一個特定區(qū)域。這個區(qū)域是由一對 元素定義的。 n元素naction屬性：用來定義表單處理

7、程序（一個ASP程序）的位置(相對地址或絕對地址)。nMethod定義表單結果從瀏覽器傳送到服務器的方法，一般有兩種方法：get、post。n表單的基本語法:. nMethod屬性的兩個方法：nGET方法：將表單數(shù)據(jù)附加在Action屬性指定的URL地址之后，并在URL地址與表單數(shù)據(jù)間加上一個“？”分割符，表單的各個數(shù)據(jù)項間用“&”分割符。 http:/localhost/test.asp?txtid=012&txtusename=ucaunGET方式一次最多只能提交256個字符；nPOST方式是將表單數(shù)據(jù)作為一個獨立的數(shù)據(jù)塊在后臺直接發(fā)送給服務器。1）文本框）文本框 ? 文本

8、框的名字* text,password,hidden* 默認值* 長度? 最大輸入字符數(shù) 2）文本域：多行文本框）文本域：多行文本框n . 3）隱藏域）隱藏域n n可向服務器發(fā)送一些用戶不知的信息。4）單選框）單選框(RadioButton)n一個表單里的所有變量名相同變量名相同的單選框只能夠有一個被選中。男女n各個選項的name必須一樣，而value不一樣才能達到預期效果5 ）復選框）復選框(Checkbox) n在一個表單里的所有多選框可以有一個或多個被選中。6）下拉列表）下拉列表n基本語法 碩士以上 大學本科 大專 中專以下 7 ）按鈕）按鈕n包括普通按鈕、重置按鈕和提交按鈕n綜合練習（

9、*）n試在當前頁面中設計一名為userinfo的表單，用以收集用戶的資料，并將其提交給userlogin.asp頁面處理。界面如下：4. 多框架文檔框架網(wǎng)頁通過一個FRMAESET(框架集)標記和多個FRAME(框架)標記來定義，置于標記之后，取代的位置。框架網(wǎng)頁的基本結構可以表示如下：框架網(wǎng)頁的基本結構 此網(wǎng)頁使用了框架，但您的瀏覽器不支持框架。 l COLS=創(chuàng)建縱向分隔框架時指定各個框架的列寬。取值有3種形式：即像素、百分比（%）和相對尺寸（*）。 COLS= “*, *, *” ：表示將窗口劃分成3個等寬的框架； COLS=“30%, 200, *” ：表示將瀏覽器窗口劃分為3列框架，

10、其中第1列占窗口寬度的30%，第2列為200像素，第3列為窗口的剩余部分； COLS= “*，3*，2*”：表示左邊的框架占窗口寬度的1/6，中間的框架占窗口寬度的1/2，右邊的框架占窗口寬度的1/3。l ROWS=橫向分隔框架時各個框架的行高。取值有3種形式：即像素、百分比（%）和相對尺寸（*）。l FRAMEBORDER=框架周圍是否顯示三維邊框。取值為1(默認值)，顯示三維邊框；取值為0（顯示平面邊框）。 l FRAMESPACING=框架之間的間隔(以像素為單位，默認值為0)。 1. 框架集框架集 框架集包括如何組織各個框架的信息，可以通過FRMAESET標記來定義?？蚣苁前凑招泻土衼?/p>

11、組織的。 2. 框架框架 使用FRAME標記可以設置框架的屬性，包括框架的名稱、框架是否可以滾動以及在框架中顯示哪個文件等。FRAME標記具有下列屬性：l NAME=框架的名稱l FRAMEBODER=框架周圍是否顯示三維邊框。取值為1（默認值），顯示三維邊框；取值為0，顯示平面邊框。l MARGINHEIGHT=框架的高度(以像素為單位)l MARGINWIDTH=框架的寬度(以像素為單位)l NORESIZE=能否調(diào)整框架的大小l SCROLLING=指定框架是否可以滾動 Yes：可以滾動，No：不能滾動，Auto：需要時添加滾動條l SRC=在框架中要顯示的HTML文件 【例【例2.23】創(chuàng)建框架網(wǎng)頁并在各個框架中分別顯示一個網(wǎng)頁。l 框架主網(wǎng)頁E2_frame.HTM 在框架中顯示網(wǎng)頁 l 上面要顯示的頁