用HTML语言做一个表格_随笔

html做个表格的步骤如下：

1、首先新建一个html，点击<body></body>中间，先填入表格内容；

2、内容根据需求来写即可，示例代码如下：

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

3、然后在<head></head>中间输入样式表的样式；

4、样式也根据个人的需求来设置即可，设置单元格的宽度高度，合并单元格，位置，颜色等等，示例代码如下：

body

{

width:340px

height :800px

}

table

{

border-collapse :collapse

}

th,td

{

width:100px

height:40px

border :1px solid black

font-size:12px

text-align :center

}

</style>

5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框，将相邻变合并。

6、预览结果如下所示，一个简单的表格就制作出来了。

<th>和<td>一样,也是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中

<table>...</table>用于定义一个表格开始和结束

<th>...</th>定义表头单元格。表格中的文字将以粗体显示，在表格中也可以不用此标签，<th>标签必须放在<tr>标签内

<tr>...</tr>定义一行标签，一组行标签内可以建立多组由<td>或<th>标签所定义的单元格

<td>...</td>定义单元格标签，一组<td>标签将将建立一个单元格，<td>标签必须放在<tr>标签内

</tr>

</table>

具体文字步骤就是

一、写table:<table></table>

二、在table里写行和列：<table><tr><td></td></tr></table>

三、增加题目要求的table属性：<table width="750" cellpadding="0" cellspacing="1" border="0" align="center"></table>(表格的宽度、边框设置、对齐方式)

四、增加单元格属性（一行的）：<tr bgcolor="#009933">(背景颜色)

五、增加单个单元格属性：<td width="12.5%" align="center">(宽度、对齐方式)

六、复制7个同样的单元格在<tr></tr>标签中间，因为宽度为12.5%。如果一行只有一个td（既列），则该列占整个行。所以要用同样的8个列各占其位，显示题目的要求

七、在<td></td>标签中间写文字。题目要求“的色”，不知道是什么颜色，故以白色代替<font color="#FFFFFF">4</font>，如需改动，修改8个列中的color即可。

希望能帮到你，另学学html对自己也有好处。这个是最基本的html标签和属性了。。。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7437223.html

用HTML语言做一个表格

发表评论

评论列表（0条）