4html標(biāo)簽table表格、frame第四天_第1頁
4html標(biāo)簽table表格、frame第四天_第2頁
4html標(biāo)簽table表格、frame第四天_第3頁
4html標(biāo)簽table表格、frame第四天_第4頁
4html標(biāo)簽table表格、frame第四天_第5頁
已閱讀5頁，還剩5頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

課程提要■表格系列標(biāo)簽——table(很重要！!!!!!!！) ３×３的表格（第4課）

HTML標(biāo)簽table表格表格的構(gòu)成元素：表格頭部<thead>

表格主體<tbody>表格尾部<tfoot>

行

<tr>

列

單元格

<td>內(nèi)容默認(rèn)居左

表頭

<th>內(nèi)容默認(rèn)居中表格系列標(biāo)簽table■表格系列標(biāo)簽——table(很重要！!!！)表格系列標(biāo)簽的組成：<table>：表格外框，用來表明表格的開始與結(jié)束

<thead>:表格頭部，包裹表格頭部，只能有一個(gè)

<tbody>:表格主體，包裹表格主體，可以有多個(gè)<tfoot>:

表格尾部，包裹表格底部，只能有一個(gè)

<tr>：行，用來設(shè)置表格的行<th>：表頭單元格，用來設(shè)置表格標(biāo)題行的列單元格<td>：普通單元格，用來設(shè)置表格普通行的列單元格（第4課）

HTML標(biāo)簽table表格(上)<tableborder="1"><thead><tr><th>序號(hào)</th><th>用戶名</th><th>生日</th></tr></thead><tbody><tr><td>1</td><td>劉德華</td><td>1965-03-26</td></tr><tr><td>2</td><td>周潤(rùn)發(fā)</td><td>1960-06-03</td></tr></tbody>

<tfoot>

<tr>

<tdcolspan="3"align="right">

共2名用戶

</td>

</tr>

</tfoot></table>表格<table>常見屬性■

表格<table>標(biāo)簽的常用屬性（第4課）

HTML標(biāo)簽table表格(上)屬性名屬性值說明border像素表格邊線寬度(table，tr，th，td沒有單獨(dú)設(shè)置)cellspacing(cssmargin)像素/百分比單元格之間的距離（邊框和邊框之間的距離）cellpadding(csspadding)像素/百分比單元格內(nèi)容與邊框的距離(填充)width像素/百分比表格寬度height像素表格高度alignleft、center、right表格位置bgcolor英文/十六進(jìn)制表格背景色注意：align加給table，table會(huì)居左居中居右，align加給tr，整個(gè)行的內(nèi)容會(huì)居左居中居右，align加給td、th，這個(gè)單元格會(huì)居左居中居右<th>、<td>常見屬性■單元格<th>和<td>標(biāo)簽的常見屬性：（第4課）

HTML標(biāo)簽table表格(上)屬性名屬性值說明width像素/百分比寬度height像素/百分比高度bgcolor英文/十六進(jìn)制單元格的背景色alignleft、center、right內(nèi)容水平對(duì)齊位置valigntop、middle、bottom內(nèi)容垂直對(duì)齊位置合并單元格：跨列colspan■合并單元格

跨列單元格合并：colspan（第4課）

HTML標(biāo)簽table表格(上)<tableborder="1"><thead><tr><th>序號(hào)</th><th>用戶名</th><th>生日</th></tr></thead><tbody><tr><td>1</td><td>劉德華</td><td>1965-03-26</td></tr><tr><td>2</td><td>周潤(rùn)發(fā)</td><td>1960-06-03</td></tr></tbody>

<tfoot>

<tr>

<tdcolspan="3"align="right">

共2名用戶

</td>

</tr>

</tfoot></table>合并單元格：跨行rowspan■合并單元格

跨行單元格合并：rowspan注意：跨行必須寫在第一行（第4課）

HTML標(biāo)簽table表格(上)<tableborder="1"><thead><tr><th>序號(hào)</th><th>用戶名</th><th>生日</th><throwspan="3">共2名用戶</th></tr></thead><tbody><tr><td>1</td><td>劉德華</td><td>1965-03-26</td></tr><tr><td>2</td><td>周潤(rùn)發(fā)</td><td>1960-06-03</td></tr></tbody>

</tfoot></table>表格嵌套■表格的嵌套使用，注意：表格的嵌套一定要發(fā)生在單元格里（第4課）

HTML標(biāo)簽table表格(上)<tableborder=1><tr><td>1</td><td>2</td></tr><tr><td>3</td>

<td>

<tableborder=1><tr><td>a</td><td>b</td></tr><tr><td>c</td><td>d</td></tr></table>

</td></tr></table>使用表格頁面布局■表格的另類使用——頁面布局（第4課）

HTML標(biāo)簽table表格(上)（第4課）

HTML標(biāo)簽form表單▲使用table布局的方法制作如下頁面課堂練習(xí)本章知識(shí)回顧（第4課）

HTML標(biāo)簽form表單常見的標(biāo)簽重要的標(biāo)簽頭信息標(biāo)簽<head>主體內(nèi)容標(biāo)簽<body>換行標(biāo)簽<br>水平線標(biāo)簽<hr>居中對(duì)齊標(biāo)簽<ce

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論