html基本標(biāo)簽元素

1、試驗(yàn)2常用HTML標(biāo)簽使用實(shí)驗(yàn)?zāi)康模菏褂肏TML標(biāo)簽熟練編寫(xiě)靜態(tài)頁(yè)面。由于所選教材未涉及這部分內(nèi)容，此處列出常用的標(biāo)簽。詳細(xì)的標(biāo)記用法請(qǐng)參考網(wǎng)站： HYPERLINK /html/index.asp /html/index.asp文件標(biāo)記標(biāo)記表示HTM L文件從此處開(kāi)始，到標(biāo)記結(jié)束，這對(duì)標(biāo)記處在最外層， 網(wǎng)頁(yè)的內(nèi)容寫(xiě)在此標(biāo)記內(nèi)。這對(duì)標(biāo)記表示此處是HTML文檔的文件頭。文件頭內(nèi)部的信息一般不會(huì)在瀏覽器的 正文區(qū)顯示。此標(biāo)記對(duì)內(nèi)可以插入其他標(biāo)記，如網(wǎng)頁(yè)標(biāo)題標(biāo)記。這對(duì)標(biāo)記表示此處是網(wǎng)頁(yè)的主體，一般不能省略，標(biāo)記體的內(nèi)容在瀏覽器正文區(qū)中 顯示，例如文字、圖片和超鏈接等。排版標(biāo)記 標(biāo)記標(biāo)記在HTML文件

2、中作注釋用，對(duì)網(wǎng)頁(yè)中的代碼作說(shuō)明，可以放在網(wǎng)頁(yè)中的 任何位置。注釋內(nèi)容會(huì)返回到客戶(hù)端瀏覽器上，但不顯示。例如在瀏覽器中輸入 HYPERLINK ，杳看源文件可以看到此類(lèi)注釋。標(biāo)記對(duì)用于標(biāo)示一個(gè)段落，兩個(gè)相鄰的段落間有一空行的間隔。這個(gè)標(biāo)記沒(méi)有結(jié)束標(biāo)記，表示換行。標(biāo)記和都能換行，換行后， 上下兩行的間距比較小，標(biāo)記換行后，上下兩行有一空行的間距。字體標(biāo)記字體標(biāo)記包括，等。標(biāo)記用于定義字體、字號(hào)大小和顏色。標(biāo)記的主要屬性有face、size、 coloro face屬性用于設(shè)置字體，如：。size屬性用于設(shè)置字號(hào)， HTML中定義了7種字號(hào)，1號(hào)最小，7號(hào)最大，如：。字號(hào)也可以用 “磅”(px)表

3、示。color屬性用于設(shè)置文本的顏色，colorW三種方法來(lái)設(shè)定顏色，第一 種方法用顏色名稱(chēng)，第二種方法用紅、綠、藍(lán)百分比的值來(lái)設(shè)定，第三種方法是用 16進(jìn)制的顏色代號(hào)還設(shè)定顏色。如： 紅色字體設(shè)置 顏色設(shè)置 顏色設(shè)定 4 .表格標(biāo)記在網(wǎng)頁(yè)中，表格主要分成排版表格和數(shù)據(jù)表格兩種。排版表格在瀏覽器中不顯示邊 線，僅供排版、布局用。數(shù)據(jù)表格在瀏覽器中顯示邊線或背景色，用于列表顯示數(shù) 據(jù)。標(biāo)記表示表格的開(kāi)始，表示表格到此結(jié)束。表示表格 中的一行。間如有口對(duì)標(biāo)記，表示此表格有口行。 表示一行中的一列，一般寫(xiě)在內(nèi)。、間的嵌套關(guān)系為： 5.表單表單時(shí)系統(tǒng)和用戶(hù)交互的重要手段。用戶(hù)在表單中填寫(xiě)數(shù)據(jù)，提交后，

4、表單中的數(shù) 據(jù)傳遞給后臺(tái)程序處理，實(shí)現(xiàn)了客戶(hù)端和服務(wù)器的交互。標(biāo)記和 標(biāo)記表示表單的開(kāi)始和結(jié)束。在表單標(biāo)記中可以存放各種表單元 素，如文本域、按鈕等。一個(gè)表單元素相當(dāng)于一個(gè)變量，它的取值相當(dāng)于變量的取 值。標(biāo)記中的id和name屬性均為表單的ID名，用于在當(dāng)前網(wǎng)頁(yè)中標(biāo)識(shí)表單，在當(dāng) 前網(wǎng)頁(yè)中此ID名應(yīng)該唯一。中action屬性值為后臺(tái)表單處理程序的URI。標(biāo)記中的method屬性標(biāo)識(shí)數(shù)據(jù)的提交方式，一般有GET和POST兩種方式。GET方式將表單中的數(shù)據(jù)按照“變量名=變量值”的形式附加在URL的查詢(xún)串中，各 個(gè)變量之間使用“&”連接。如：http:127001:8080/exam.jsp?nam

5、e=user1文本域標(biāo)記文本域表單的常見(jiàn)用法如下：標(biāo)記表示此標(biāo)記是寫(xiě)人標(biāo)記，存儲(chǔ)用戶(hù)寫(xiě)入的信息。標(biāo)記中的id和name屬性 為文本域的ID名，type屬性表示此寫(xiě)入標(biāo)記的類(lèi)型，value屬性存儲(chǔ)文本域的值。 多行文本框用文本域表單元素實(shí)現(xiàn)，它的HTML標(biāo)記使用格式如下：內(nèi)容說(shuō)明 Name!性是文本區(qū)域的名字。由于多行文本框可以輸入較多的內(nèi)容，所以把寫(xiě)入的 內(nèi)容存儲(chǔ)在標(biāo)記中。單選按鈕標(biāo)記在實(shí)際應(yīng)用中的“性別”信息一班通過(guò)單選按鈕采集，用戶(hù)在給定的“男”和“女”兩個(gè) 選項(xiàng)中選擇其中一個(gè)，相應(yīng)的HTML代碼如下：標(biāo)記中的type=”radio ”屬性表示此寫(xiě)入標(biāo)記為單選按鈕類(lèi)型。name=”sect

6、” 定義表單元素的名稱(chēng)，這兩個(gè)單選按鈕屬于同一組，它們name屬性的取值均為”sex”，稱(chēng)之為“同名單選表單”。同一組的單選按鈕具有互斥性，即只能是多選一 操作。value=”男”屬性為單選按鈕的取值，同組中的各單選按鈕name屬性值相同(同 名)，但value屬性值不能相同(不同值)。checked=”checked”表示當(dāng)前此單選按鈕被 選中。復(fù)選鈕標(biāo)記在實(shí)際應(yīng)用的“愛(ài)好”信息一般通過(guò)復(fù)選按鈕采集，用戶(hù)在列出的多個(gè)愛(ài)好中做出選 擇，可以選零個(gè)，也可以全選，相應(yīng)的HTM L代碼如下：標(biāo)記中的type=”checkbox”屬性表示此表單元素的類(lèi)型為復(fù)選按鈕。name和 id屬性均為復(fù)選按鈕的名

7、稱(chēng)，這4個(gè)復(fù)選按鈕同屬于“愛(ài)好”組，它們的name和id值均 為“hobby”(同名表單)。value=”籃球”屬性為復(fù)選按鈕的值，同一組中不同復(fù)選按 鈕的value屬性值不同。隱藏表單域列表表單元素預(yù)先把一組可供選擇的數(shù)據(jù)存儲(chǔ)在列表中，以下拉菜單或列表的形式 供用戶(hù)在其中選擇，其中name是選項(xiàng)的提示文字，value才是選項(xiàng)的值。它的HTML 代碼如下：列表表單元素列表表單元素預(yù)先把一組可供選擇的數(shù)據(jù)存儲(chǔ)在列表中，以下拉菜單或列表的形式 供用戶(hù)在其中選擇，其中name是選項(xiàng)的提示文字，value才是選擇的值。它的HTML 代碼如下：公司員工 在校學(xué)生 公務(wù)員 表示此處為列表表單元素，name

8、為表單元素的名字。Size屬性表示 一次顯示n個(gè)值，如果n=1則用下拉列表形式，n1表示帶滾動(dòng)條的列表。 multiple=”multiple”屬性表示此列表允許多選，沒(méi)有此屬性時(shí)表示單選。 標(biāo)記定義列表的一個(gè)列表項(xiàng)，標(biāo)記體中的文字為提示漢字。Selected屬性表示此項(xiàng)是否已經(jīng)被選定。選定一 個(gè)Mname=valueM可選項(xiàng)，提交表 單后，只有31皿被提交，提示文字name不被提交。(7)文件域表單元素文件域表單由一個(gè)文本域和一個(gè)按鈕組成，單擊按鈕后會(huì)激活一個(gè)文件選擇對(duì)話(huà)框， 從本地磁盤(pán)中選擇一個(gè)文件，被選中文件的路徑極文件名自動(dòng)填寫(xiě)在文本域中。上 傳文件時(shí)，需要用到文件域。文件域的HTML代碼如下：文件域用標(biāo)記實(shí)現(xiàn)，type=”