HTML 表格
HTML 表格 дозволяють веброзробникам упорядковувати дані у рядки та стовпці.
屁股
公司 | 接触 | 国家 |
---|---|---|
阿尔弗雷德·富特基斯特 | 玛丽亚·安德斯 | 德国 |
蒙特苏马商业中心 | 弗朗西斯科·张 | 墨西哥 |
恩斯特·亨德尔 | 罗兰孟德尔 | 奥地利 |
島嶼貿易 | 海伦·班尼特 | 英国 |
笑酒神酒窖 | 旦那木良 | 加拿大 |
里乌尼蒂食品商店 | 乔瓦尼·罗韦利 | 意大利 |
值 HTML 表
标签 <table>
访问 HTML 模板。
表格的每一行都由标签指示 <tr>
。 表头由标签指示<th>
。 表数据中的皮肤标签用tag表示<td>
.
对于元素中的 zamovchuvannyam 文本 <th>
виділений жирним шрифтом і відцентрований.
对于元素中的 zamovchuvannyam 文本 <td>
є звичайним і вирівняним за лівим краєм.
屁股
简单的 HTML 表格:
<table style="width:100%">
<tr>
<th>名</th>
<th>姓</th>
<th>年龄</th>
</tr>
<tr>
<td>吉尔</td>
<td>史密斯</td>
<td>50</td>
</tr>
<tr>
<td>前夕</td>
<td>杰克逊</td>
<td>94</td>
</tr>
</table>
自己尝试一下»
笔记: Елементи <td>
- це контейнери даних таблиці.
它们可以破坏各种 HTML 元素; 文本、图像、列表、其他表格等
HTML 表格。 牦牛添加边框-边框
要向表格添加边框,请查看 CSS Power border
:
不要忘记设置表格和表格字符的边界。
HTML 表格。 如何烧掉边框 - border-collapse
要允许表格边框折叠成一个边框,请添加 CSS 功能 border-collapse
:
HTML 表格。 如何在 charunks 中添加内部条目 - padding
查伦卡的内部入口是指查伦卡之间的空间以及它们之间的空间。
如果未指定内部访问权限,则表字符将显示为无访问权限。
要设置内部访问,请使用 CSS Power padding
:
HTML 表格。 如何将标题左对齐 - text-align
表格标题后面以粗体显示并居中。
要将表格标题左对齐,请使用 CSS Authority text-align
:
HTML 表格。 如何添加边界之间的间隔 - 间距
边界之间的间隔是指边缘之间的空间。
要设置表格边界之间的间距,请查看 CSS Power border-spacing
:
笔记: 如果表有边框折叠,那么border-spacing
не має ефекту.
HTML Table - Charunka,一些斯托夫特渴望的
要获得消耗多于一层的魅力,请选择属性 colspan
:
屁股
<table style="width:100%">
<tr>
<th>姓名</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>比尔盖茨</td>
<td>55577854</td>
<td>55577855</td>
</tr>
</table>
自己尝试一下»
HTML Table - Charunka,它增长了很多行
要创建消耗多行的超级按钮,请选择属性 rowspan
:
屁股
<table style="width:100%">
<tr>
<th>姓名:</th>
<td>比尔盖茨</td>
</tr>
<tr>
<th rowspan="2">电话:</th>
<td>55577854</td>
</tr>
<tr>
<td>55577855</td>
</tr>
</table>
自己尝试一下»
HTML 表格 - 添加签名
要向表格添加标题,请使用 vikorista 标签 <caption>
:
屁股
<table style="width:100%">
<caption>每月储蓄</caption>
<tr>
<th>月</th>
<th>储蓄</th>
</tr>
<tr>
<td>一月</td>
<td>100美元</td>
</tr>
<tr>
<td>二月</td>
<td>50美元</td>
</tr>
</table>
自己尝试一下»
笔记: 标签<caption>
потрібно вставити відразу після тегу <table>
.
一桌专用款式
要为一个特定表格指定特殊样式,请向该表格添加属性 id
:
屁股
<table id="t01">
<tr>
<th>名</th>
<th>姓</th>
<th>年龄</th>
</tr>
<tr>
<td>前夕</td>
<td>杰克逊</td>
<td>94</td>
</tr>
</table>
我添加更多样式:
#t01 tr:nth-child(偶数) {
背景颜色:#eee;
}
#t01 tr:nth 子项(奇数) {
背景颜色:#fff;
}
#t01 th {
白颜色;
背景颜色:黑色;
}
自己尝试一下»
小袋
- 维克里 HTML 元素
<table>
для визначення таблиці - 维克里 HTML 元素
<tr>
для визначення рядка таблиці - 维克里 HTML 元素
<td>
для визначення чарунки таблиці - 维克里 HTML 元素
<th>
для визначення заголовка таблиці - 维克里 HTML 元素
<caption>
для визначення підпису таблиці - Vickory CSS 电源
border
для визначення межі - Vickory CSS 电源
border-collapse
для згортання меж чарунок - Vickory CSS 电源
padding
для додавання внутрішнього відступу в чарунках - Vickory CSS 电源
text-align
для вирівнювання тексту в чарунках - Vickory CSS 电源
border-spacing
для встановлення інтервалу між чарунками - 维克里斯特属性
colspan
, щоб чарунка охоплювала багато стовпців - 维克里斯特属性
rowspan
, щоб чарунка охоплювала багато рядків - 维克里斯特属性
id
для однозначного визначення однієї таблиці
HTML 右
HTML 表格标签
标签 | 描述 |
---|---|
<table> | 手段表 |
<th> | 表示表中的标题列 |
<tr> | 表示表格的行数 |
<td> | 表示表中的字符 |
<caption> | 表示表签名 |
<colgroup> | 指定表中一组一个或多个列以进行格式化 |
<col> | 表示工人对于元素间皮肤状况的力量<colgroup> |
<thead> | Групує вміст заголовка в таблиці |
<tbody> | 审查表格中的主体 |
<tfoot> | Групує вміст нижнього колонтитула в таблиці |
有关所有可用 HTML 标签的完整列表,请访问 HTML 标签浏览器 на нашому сайті W3Schools 乌克兰.
自我控制的营养
- 为什么需要 HTML 表格?
- 什么标签代表 HTML 表格?
- 使用什么标签来指示 HTML 表格的每一行?
- 什么标签用于指示 HTML 表格的标题?
- HTML表格中的数据用什么标签来表示皮肤标签?
- 哪些元素可以用 HTML 表格中的数据替换字符?
- HTML 表格之间可以添加哪些额外的 CSS 功能?
- 借助一些 CSS 功能,您可以将 HTML 表格边界合并为一个边界吗?
- 如何在 HTML 表格的列中添加内部访问?
- 如何将 HTML 表格标题对齐到左边缘之外?
- 如何在 HTML 表格的边界之间添加间距?
- 如何创建使用 HTML 表格中多列的功能?
- 如何创建一个支持 HTML 表格中多行的超级按钮?
- 如何向 HTML 表格添加签名?
- 需要插入标签的地方
<caption>
是否有 HTML 表格? - 如何为一个特定的 HTML 表格定义特殊样式?