HTML基础学习（三）

接下来我们学习制作表格。为什么要学习做表格呢，因为在网站上表格是很有需要的，如在购物平台的订单页、商品查询页等等

<table><tr><th><td>标签

这些标签是制作表格的框架标签，<table>标签，它是整个表格的意思，如果你要建立一个表格，就在<table>标签里加其他表格标签，它才在一个表格里。

<th>标签，它是table header cell的简称，翻译为表格中的表头，它的作用就显而易见了，就是表格中的表头

<td>标签，它是table data cell 的简称，翻译为表格中的一个单元格。

<tr>标签，他是table row的简称，翻译为表格中的一行。因为有行才有列，所以在html中，我们不能刻意去写列信息。

接下来开始敲代码看看效果吧

<table>
		<tr>
			<th>1</th>
			<th>2</th>
			<th>3</th>
		</tr>
		<tr>
			<td>q</td>
			<td>w</td>
			<td>w</td>
			
		</tr>
		<tr>
			<td>e</td>
			<td>r</td>
			<td>t</td>
		</tr>
		<tr>
			<td>e</td>
			<td>r</td>
			<td>t</td>
		</tr>
		<tr>
			<td>e</td>
			<td>r</td>
			<td>t</td>
		</tr>
	</table>

可以看到它是成表格形式了，但是它没有边框，所以我们使用简单的css给它加上边框，在table标签里加点代码：<table border=”1″>,切记，在个代码要在<>里面，不然边框不会加载出来

效果

这个样子看起来还是有点怪，所以我们需要再加一个css代码，使他看起来想我们常见的表格一样，同样在table标签里加：cellspacing=”0″，cellspacing的意思是单元格间距。

这样一看是不是很好呢，那我们在加一个标题，使得它像我们日常填的表一样，如xxxxxx调查表，xxx作息白表

这个标题标签是<caption>标签，在表头前面加就行。

小试牛刀

用html和css简单写一个作息表，要求写有表格标题xxxx作息表，表头星期一到星期天，单元格随意，整个至少要写4行。以下是简单的上班时间图。下期发这个简单表格的代码