HTML表格是网页设计中不可或缺的一部分，用于组织和展示数据。在HTML中，表格是由`<table>`标签创建的。每个表格由多个行`<tr>`组成，每一行又由若干个单元格`<td>`构成。`<td>`标签内的内容可以包含文本、图像、列表、段落等各种元素。此外，`<th>`标签用于定义表头，通常用于表示列的标题。
创建一个基本的HTML表格，你可以这样写：
```html
<table>
<tr>
<th>序号</th>
<th>节目单</th>
<th>表演者</th>
</tr>
<tr>
<td>1</td>
<td>节目A</td>
<td>演员A</td>
</tr>
<!-- 更多行... -->
</table>
```
表格的外观可以通过`<table>`标签上的属性进行调整。例如，`border`属性设置边框线的宽度，`cellspacing`定义单元格之间的距离。例如，要设置一个有边框的表格，可以这样写：
```html
<table border="1" cellspacing="0">
<!-- 表格内容... -->
</table>
```
除了`border`和`cellspacing`，还有一些其他属性如`width`（宽度）、`align`（对齐方式）等，但在HTML4.01和更现代的HTML5标准中，这些属性已不推荐使用，转而推荐使用CSS来控制样式。
内部样式表是在HTML文档的`<head>`部分使用`<style>`标签定义的，这样可以将样式和结构分离，使代码更易维护。例如，要改变表格颜色和字体大小，可以在`<style>`标签内编写CSS规则：
```html
<head>
<style type="text/css">
table {
border-collapse: collapse;
width: 100%;
}
th, td {
padding: 8px;
text-align: left;
font-size: 16px;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
```
CSS选择器允许你选择特定的HTML元素或基于类（`.class_name`）和ID（`#id_name`）的元素。例如，上述代码中的`table`选择器应用样式到所有的表格，`th`和`td`选择器分别应用于所有表头和单元格。
通过CSS，你可以进一步细化表格的样式，比如调整边框样式、颜色，单元格的背景色，以及文字的对齐方式等。这使得HTML表格不仅具有功能，还具有美观性，能够更好地满足网页设计的需求。
总结起来，HTML表格是通过`<table>`、`<tr>`、`<td>`和`<th>`等标签创建的，而CSS则提供了丰富的样式控制，使得表格的布局和视觉效果得以定制。理解并熟练运用这些知识，可以创建出既实用又美观的网页表格。
