亚洲另类伦春色综合妖色成人网,久久亚洲国产精品一区二区,大陆一级毛片免费视频观看

HTML代碼教程

【HTML教程】HTML的table標(biāo)簽|html入門(mén)知識(shí)

時(shí)間: 2025-03-28 22:33:24 瀏覽次數(shù)：27

常用的html標(biāo)簽匯總、以及操作過(guò)程中的一些bug問(wèn)題解決方法，以下龍騰飛網(wǎng)絡(luò)科技-小吳在建站實(shí)操中筆記記錄，一路走來(lái)，一步步學(xué)習(xí)、總結(jié)、整理的一些資料，不用死記硬背，保存使用非常方便，實(shí)操過(guò)程中遇到了就查詢(xún)搜索一下，實(shí)踐出真章，做多了自然就熟悉了：【定義和用法】table標(biāo)簽定義了 HTML 表格。一個(gè) HTML 表格由一

【定義和用法】

table標(biāo)簽定義了 HTML 表格。

一個(gè) HTML 表格由一個(gè) table元素和一個(gè)或多個(gè) tr、th和 td元素組成：

tr元素 定義表格行
th元素 定義表格標(biāo)題
td元素 定義表格單元格

HTML 表格還可以包含以下元素：

caption、colgroup、thead、tfoot、tbody

【實(shí)例】

例子 1

一個(gè)簡(jiǎn)單的 HTML 表格，包含兩列和兩行：

<table>
  <tr>
    <th>月份</th>
    <th>儲(chǔ)蓄</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3400</td>
  </tr></table>

例子 2

如何向表格添加折疊邊框(使用 CSS)：

<html><head><style>table, th, td {
  border: 1px solid black;
  border-collapse: collapse;}</style></head><body><table>
  <tr>
    <th>月份</th>
    <th>儲(chǔ)蓄</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3400</td>
  </tr>
  <tr>
    <td>二月</td>
    <td>￥4500</td>
  </tr></table></body></html>

例子 3

如何右對(duì)齊表格(使用 CSS)：

<table style="float:right">
  <tr>
    <th>月份</th>
    <th>儲(chǔ)蓄</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3400</td>
  </tr>
  <tr>
    <td>二月</td>
    <td>￥4500</td>
  </tr></table>

例子 4

如何居中對(duì)齊表格(使用 CSS)：

<html><head><style>table, th, td {
  border: 1px solid black;}table.center {
  margin-left: auto;
  margin-right: auto;}</style></head><body><table class="center">
  <tr>
    <th>月份</th>
    <th>儲(chǔ)蓄</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3400</td>
  </tr>
  <tr>
    <td>二月</td>
    <td>￥4500</td>
  </tr></table>

例子 5

如何為表格添加背景顏色(使用 CSS)：

<table style="background-color:#00FF00">
  <tr>
    <th>月份</th>
    <th>儲(chǔ)蓄</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3400</td>
  </tr>
  <tr>
    <td>二月</td>
    <td>￥4500</td>
  </tr></table>

例子 6

如何向表格添加內(nèi)邊距(使用 CSS)：

<html><head><style>table, th, td {
  border: 1px solid black;}th, td {
  padding: 10px;}</style></head><body><table>
  <tr>
    <th>月份</th>
    <th>儲(chǔ)蓄</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3400</td>
  </tr>
  <tr>
    <td>二月</td>
    <td>￥4500</td>
  </tr></table></body></html>

例子 7

如何設(shè)置表格寬度(使用 CSS)：

<table style="width:400px">
  <tr>
    <th>月份</th>
    <th>儲(chǔ)蓄</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3400</td>
  </tr>
  <tr>
    <td>二月</td>
    <td>￥4500</td>
  </tr></table>

例子 8

如何創(chuàng)建表頭：

<table>
  <tr>
    <th>姓名</th>
    <th>電郵</th>
    <th>電話</th>
  </tr>
  <tr>
    <td>Bill Gates</td>
    <td>bill.gates@example.com</td>
    <td>138-1234-5678</td>
  </tr></table>

例子 9

如何創(chuàng)建帶標(biāo)題的表格：

<table>
  <caption>每月儲(chǔ)蓄</caption>
  <tr>
    <th>月份</th>
    <th>儲(chǔ)蓄</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3400</td>
  </tr>
  <tr>
    <td>二月</td>
    <td>￥4500</td>
  </tr></table>

例子 10

如何定義跨越多行或多列的表格單元格：

<table>
  <tr>
    <th>姓名</th>
    <th>電郵</th>
    <th colspan="2">電話</th>
  </tr>
  <tr>
    <td>longtengfei</td>
    <td>longtengfei@www.alhakaek.com</td>
    <td>138-1234-5678</td>
    <td>186-2345-6789</td>
  </tr></table>

【默認(rèn)的 CSS 設(shè)置】

大多數(shù)瀏覽器將使用以下默認(rèn)值顯示 table元素：

table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: gray;}

上一篇：【HTML教程】HTML的svg標(biāo)簽|html入門(mén)知識(shí)

下一篇：【HTML教程】HTML的tbody標(biāo)簽|html入門(mén)知識(shí)

Copyright?2011 Guangzhou Longtengfei Network Technology Co., Ltd. 廣州龍騰飛網(wǎng)絡(luò)科技有限公司粵ICP備18029205號(hào) XML地圖 | 系統(tǒng)開(kāi)發(fā)專(zhuān)題地圖

波多野结衣一区二区三区88_亚洲香蕉久久一区二区三区四区_精品久久一区二区三区_国产精品美女一区二区视频