<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>表格元素</title>
</head>
<body>
<table border="1">
<tr>
<td>张三</td>
<td>男</td>
<td>未婚</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>已婚</td>
</tr>
</table>
<br>
<table border="1" style="width:300px;">
<tr>
<th>姓名</th>
<th>性别</th>
<th>婚否</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>未婚</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>已婚</td>
</tr>
</table>
<br>
<table border="1" style="width:300px;">
<tr>
<th rowspan="4">基本情况</th>
<th>姓名</th>
<th>性别</th>
<th>婚否</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>未婚</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>已婚</td>
</tr>
<tr>
<td colspan="3">统计：共两人</td>
</tr>
</table>
<br>
<table border="1" style="width:300px;">
<caption>这是一个表格</caption>
<tfoot>
<tr>
<td colspan="3">统计：共两人</td>
</tr>
</tfoot>
<tbody>
<tr style="background:red;">
<td>张三</td>
<td>男</td>
<td>未婚</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>已婚</td>
</tr>
</tbody>
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>婚否</th>
</tr>
</thead>
</table>
<br>
<table border="1" style="width:300px;">
<colgroup style="background:white;" span="1"></colgroup>
<colgroup style="background:red;" span="1"></colgroup>
<tr>
<th>姓名</th>
<th>性别</th>
<th>婚否</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>未婚</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>已婚</td>
</tr>
</table>
<br>
<table border="1" style="width:300px;">
<colgroup>
<col>
<col style="background:red;">
</colgroup>
<tr>
<th>姓名</th>
<th>性别</th>
<th>婚否</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>未婚</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>已婚</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
通过本章的学习，我们可以了解到HTML5表格元素的使用和构建方法。掌握这些基础元素可以帮助我们更好地在网页上组织和展示数据，提高网页的可用性和信息的可读性。学习要点包括了解表格元素的基本构成，如何构建基础...
此外，`<th>`元素用于创建表头单元格，常用于第一行或第一列。 **6.3 设置跨行** 跨行是通过`<td>`或`<th>`元素的`rowspan`属性实现的。例如，如果一个单元格需要跨越两行，可以设置`rowspan="2"`。 ```html 俺跨两...
总之，"CSSACCP6.0 HTML 第6章 课堂练习 及答案"涵盖了HTML的基础知识，包括文档结构、文本和图像处理、列表和表格的创建、表单设计以及响应式布局的概念。通过这些练习，学生将能够创建功能完备、结构清晰的HTML...
在本《Dreamweaver CS4网站制作从入门到精通视频教程》中，第6章主要讲解了表格式布局这一核心概念。表格式布局是网页设计早期广泛应用的一种布局方式，通过HTML表格来组织页面元素，实现内容的定位和排列。下面将...
本章主要介绍了如何在Dreamweaver 8.0中有效地运用表格和表单。 首先，表格是网页布局的基础，用于组织和展示数据。在Dreamweaver中，插入表格可以通过以下步骤实现： 1. 在“文档”窗口的设计视图中，将光标放在...
1. **表格基本元素**：Word中的表格由行、列和单元格构成，能够清晰地组织和展示信息。单元格内可以输入文字、数字、日期，甚至图片。 2. **插入和创建表格**：可以使用“插入表格”功能，通过“表格”菜单或“插入...
在AutoCAD 2007中，第10章着重介绍了如何创建文字和表格，这对于提升图纸的专业性和可读性至关重要。 #### 二、创建文字和表格的重要性 文字和表格是机械制图及工程制图中不可或缺的部分，它们用来提供图纸上的非...
8. `:nth-child()` 和 `:nth-of-type()` 伪类：这些选择器允许我们基于元素在兄弟元素中的位置来选择和样式化元素，例如选择每个偶数行的表格单元格。 9. `:not()` 伪类：这个选择器用于选择不符合指定条件的所有...
本资料包"HTML第6章 课堂练习 PPT及答案 CSS.ACCP6.0"聚焦于HTML的第六章节，可能涵盖了一些高级主题，如表格、表单、框架、多媒体以及更深入的CSS概念。 在HTML的第六章中，可能会讲解以下关键知识点： 1. **表格...
尽管描述中提到的是AutoCAD 2014版本，但第六章的主题——"图块、文字及表格"是AutoCAD各个版本通用的核心功能，因此对于学习2011版的用户来说同样适用。 图块在AutoCAD中扮演着重要的角色，它允许用户创建可重复...
在本《Office 2007办公应用完全自学视频教程》的第11章中，主要探讨了如何在Microsoft Office 2007环境中高效地处理表格数据。本章涵盖了Excel 2007的核心功能，它是一款强大的电子表格工具，广泛应用于数据管理、...
周期表中元素种类最多的是第六周期，共有32种元素。 4. **元素周期表位置**：原子序数为15的元素磷位于第三周期第ⅤA族，因为它有三个电子层，最外层电子数为5。 5. **元素周期表中的关系**：原子序数为x的元素在...
在生产管理中，ISO管理是确保产品质量和流程标准化的关键元素。文档中提到的表格和检查单主要用于确保成品符合预设的质量标准，同时遵循ISO质量管理的原则。以下是对这些表格的详细解释： 1. 成品判定单（D02）：这...
在第6章“创建文字、表格和尺寸标注”中，你将学习如何高效地应用这些功能。视频教程将详细演示每个步骤，从基础操作到高级技巧，确保初学者能够逐步掌握。通过观看和实践，你将学会如何创建清晰、专业且易于理解的...
《AutoCAD 2014建筑设计经典案例视频教程下载第10章 文字与表格》是一份详尽的教育资源，专为那些希望深入理解和掌握AutoCAD 2014软件在建筑设计领域的应用者设计。本教程以视频的形式，将理论与实践相结合，使学习...
1. 元素周期表：元素周期表是一种按照元素的原子结构和化学性质将元素排列的表格，反映了元素之间的周期性规律。它分为周期和族，周期表示元素电子层数，族则代表元素最外层电子数。在题目中，W、X、Y、Z 分别为短...
《中文 Dreamweaver 8 网页设计培训教程》第六章主要讲解了如何在网页中应用表格进行页面布局和内容组织。表格是网页设计中不可或缺的元素，用于有序地排列数据以及定位文本、图像等网页元素。以下是对本章内容的...
在本《InDesign CS4完全自学视频教程》的第九章中，我们将深入探讨如何在Adobe InDesign CS4中创建和编辑表格，这是一个强大的排版工具，适用于制作专业级别的出版物，如杂志、书籍、报告等。表格在组织数据、对比...
在实际工程应用中，这些元素对于准确、清晰地传达设计意图至关重要。 一、文字操作 1. 创建文字：AutoCAD允许用户创建单行或多行文字。在“文字”工具中，可以选择字体、字号、角度和高度，以定制所需的文字样式。...