HTML <table> ƙaɗan
تعریف و استعمال
<table>
التیبیر فتارکا HTML تاکسیه.
一个 HTML 表格由一个 <table>
元素和一个或多个 <tr>、
元素 定义表格行 元素 定义表格标题 元素 定义表格单元格 HTML 表格还可以包含以下元素:
-
- <tbody>
另请参阅:
HTML 教程:HTML taba
HTML DOM 参考手册:Table 对象
CSS 教程:设置表格的样式
实例
例子 1
一个简单的 HTML 表格,包含两列和两行:
<table> <tr>
月份 储蓄 </tr> <tr>一月 ¥3400 </tr> </table>例子 2
如何向表格添加折叠边框(使用 CSS):
<table> <tr>
月份 储蓄 </tr> <tr>一月 ¥3400 </tr> <tr>二月 ¥4500 </tr> </table>例子 3
如何右对齐表格(使用 CSS):
<tr>
月份 储蓄 </tr> <tr>一月 ¥3400 </tr> <tr>二月 ¥4500 </tr> </table>例子 4
如何居中对齐表格(使用 CSS):
<tr>
月份 储蓄 </tr> <tr>一月 ¥3400 </tr> <tr>二月 ¥4500 </tr> </table>例子 5
如何为表格添加背景颜色(使用 CSS):
<tr>
月份 储蓄 </tr> <tr>一月 ¥3400 </tr> <tr>二月 ¥4500 </tr> </table>例子 6
如何向表格添加内边距(使用 CSS):
<table> <tr>
月份 储蓄 </tr> <tr>一月 ¥3400 </tr> <tr>二月 ¥4500 </tr> </table>例子 7
如何设置表格宽度(使用 CSS):
<tr>
月份 储蓄 </tr> <tr>一月 ¥3400 </tr> <tr>二月 ¥4500 </tr> </table>例子 8
如何创建表头:
<table> <tr> <th>sunan</th> <th>ṣanannu</th>
电话 </tr> <tr> <td>Bill Gates</td> <td>bill.gates@example.com</td> <td>138-1234-5678</td> </tr> </table>例子 9
如何创建带标题的表格:
<table>
每月储蓄 <tr>月份 储蓄 </tr> <tr>一月 ¥3400 </tr> <tr>二月 ¥4500 </tr> </table>例子 10
Karakararau hakanin taɗaɗa kuma ko yanu ɗaya ko yanu kudu ko yanu ɗaya ko yanu kudu?
<table> <tr> <th>sunan</th> <th>ṣanannu</th> <th colspan="2">ṣanannu</th> </tr> <tr> <td>Bill Gates</td> <td>bill.gates@example.com</td> <td>138-1234-5678</td> <td>186-2345-6789</td> </tr> </table>
Ƙirgita ɗan fari
<table>
Ƙirgita na yadda a cikin manyan ƙaɗan Ƙirgita ɗan fari a cikin manyan ƙaɗan.Ƙirgita ɗan fari a HTML
<table>
Ƙirgita na yadda a cikin manyan ƙaɗan Ƙirgita ɗan fari a HTML.Ƙirgita na manyan CSS
Ɗaya na manyan ɗan yin ajiya a cikin ɗaya na manyan browsers za a samu kamar yadda a cikin manyan gida
<table>
Ƙasuwanci:table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; }
Gudanarwa ɗan ƙasuwanci
Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera Gudanarwa Gudanarwa Gudanarwa Gudanarwa Gudanarwa