网络零售商的终极网站
 HTML5。 入门的教训。  W3Schools 乌克兰语

西斯

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:

屁股

表,th,td {
边框:1px 实心黑色;
}
自己尝试一下»

不要忘记设置表格和表格字符的边界。


HTML 表格。 如何烧掉边框 - border-collapse

要允许表格边框折叠成一个边框,请添加 CSS 功能 border-collapse:

屁股

表,th,td {
边框:1px 实心黑色;
边框塌陷:塌陷;
}
自己尝试一下»

HTML 表格。 如何在 charunks 中添加内部条目 - padding

查伦卡的内部入口是指查伦卡之间的空间以及它们之间的空间。

如果未指定内部访问权限,则表字符将显示为无访问权限。

要设置内部访问,请使用 CSS Power padding:

屁股

日,TD{
填充:15px;
}
自己尝试一下»

HTML 表格。 如何将标题左对齐 - text-align

表格标题后面以粗体显示并居中。

要将表格标题左对齐,请使用 CSS Authority text-align:

屁股

日{
文本对齐:左;
}
自己尝试一下»

HTML 表格。 如何添加边界之间的间隔 - 间距

边界之间的间隔是指边缘之间的空间。

要设置表格边界之间的间距,请查看 CSS Power border-spacing:

屁股

桌子 {
边框间距:5px;
}
自己尝试一下»

笔记: 如果表有边框折叠,那么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 {
宽度:100%;
背景颜色:#f1f1c1;
}
自己尝试一下»

我添加更多样式:

#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 右

向自己寻求帮助吧

正确的:

添加具有两个表标题的表行。

罪责表的两个标题分别表示“Name”(名字)和“Age”(世纪)。

<table>
  
    
    
  
  <tr>
<td>吉尔·史密斯</td>
<td>50</td>
  </tr>
</table>


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 表格定义特殊样式?


评论