《表格與表單》PPT課件.ppt

資源描述：

《《表格與表單》PPT課件.ppt》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、第六章表格與表單表格的創(chuàng)建表單相關(guān)標(biāo)記表格樣式的控制表單樣式的控制6.1表格標(biāo)記6.2CSS控制表格樣式6.3認(rèn)識(shí)表單6.4創(chuàng)建表單6.5表單控件6.6CSS控制表單樣式6.7階段案例-制作注冊(cè)界面6.1表格標(biāo)記6.1.1創(chuàng)建表格在HTML網(wǎng)頁中，要想創(chuàng)建表格，就需要使用表格相關(guān)的標(biāo)記。創(chuàng)建表格的基本語法格式如下：

......

單元格內(nèi)的文字

6.1表格標(biāo)記6.1.1創(chuàng)建表格在上面的語法中包含三對(duì)HTML標(biāo)記，分別為、、，他們是創(chuàng)建表格的基本標(biāo)記

2、，缺一不可，下面對(duì)他們進(jìn)行具體地解釋。

：用于定義一個(gè)表格。：用于定義表格中的一行，必須嵌套在標(biāo)記中，在中包含幾對(duì)，就有幾行表格。：用于定義表格中的單元格，必須嵌套在標(biāo)記中，一對(duì)中包含幾對(duì)，就表示該行中有多少列（或多少個(gè)單元格）。6.1表格標(biāo)記6.1.1創(chuàng)建表格注意:學(xué)習(xí)表格的核心是學(xué)習(xí)標(biāo)記，他就像一個(gè)容器，可以容納所有的元素，中甚至可以嵌套表

3、格

。但是中只能嵌套，直接在標(biāo)記中輸入文字的做法是不被允許的。6.1表格標(biāo)記6.1.2標(biāo)記的屬性標(biāo)記的屬性如下表所示。屬性名含義常用屬性值border設(shè)置表格的邊框（默認(rèn)border="0"無邊框）像素值cellspacing設(shè)置單元格與單元格邊框之間的空白間距像素值（默認(rèn)為2像素）cellpadding設(shè)置單元格內(nèi)容與單元格邊框之間的空白間距像素值（默認(rèn)為1像素）width設(shè)置表格的寬度像素值height設(shè)置表格的高度像素值align設(shè)置表格在網(wǎng)頁中的水平對(duì)齊方

4、式left、center、rightbgcolor設(shè)置表格的背景顏色預(yù)定義的顏色值、十六進(jìn)制#RGB、rgb(r,g,b)background設(shè)置表格的背景圖像url地址6.1表格標(biāo)記6.1.2

標(biāo)記的屬性1、border屬性在標(biāo)記中，border屬性用于設(shè)置表格的邊框，默認(rèn)為0。代碼如下：2、cellspacing屬性cellspacing屬性用于設(shè)置單元格與單元格邊框之間的空白間距，默認(rèn)為2px。代碼如下：6.1表格標(biāo)記6.1.2

5、e>標(biāo)記的屬性3、cellpadding屬性cellpadding屬性用于設(shè)置單元格內(nèi)容與單元格邊框之間的空白間距，默認(rèn)為1px。代碼如下：注意:cellpadding類似于盒子模型的內(nèi)邊距padding，指的是單元格內(nèi)部的距離，cellspacing則指的是外部單元格與單元格之間的距離。可以結(jié)合盒子模型的內(nèi)外邊距理解cellpadding與cellspacing的不同。6.1表格標(biāo)記6.1.2

標(biāo)記的屬性4、width與height屬性默認(rèn)情況下，表格的寬度和

6、高度靠其自身的內(nèi)容來支撐。要想更改表格的尺寸，就需對(duì)其應(yīng)用寬度屬性width或高度屬性height。注意:當(dāng)為表格標(biāo)記

同時(shí)設(shè)置width、height和cellpadding屬性時(shí)，cellpadding的顯示效果將不太容易觀察，所以一般在未給表格設(shè)置寬高的情況下測(cè)試cellpadding屬性。6.1表格標(biāo)記6.1.2標(biāo)記的屬性5、align屬性align屬性用于定義元素的水平對(duì)齊方式，其可選屬性值為left、center、right。值得一提的是，當(dāng)對(duì)標(biāo)記應(yīng)用align屬性時(shí)，控制的為表格的水平對(duì)齊方式，單元格中的內(nèi)容不受影響。

7、6、bgcolor屬性在

標(biāo)記中，bgcolor屬性用于設(shè)置表格的背景顏色。7、background屬性在標(biāo)記中，background屬性用于設(shè)置表格的背景圖像。6.1表格標(biāo)記6.1.3標(biāo)記的屬性制作網(wǎng)頁時(shí)，有時(shí)需要表格中的某一行特殊顯示，這時(shí)就可以為行標(biāo)記定義屬性。屬性名含義常用屬性值height設(shè)置行高度像素值align設(shè)置一行內(nèi)容的水平對(duì)齊方式left、center、rightvalign設(shè)置一行內(nèi)容的垂直對(duì)齊方式top、middle、bottombgcolor設(shè)置行背景顏色預(yù)定

點(diǎn)擊下載本文檔

<track id="mmwet"><dd id="mmwet"></dd></track>

<nav id="mmwet"></nav>