如何用HTML来制作表格

html-css012

如何用HTML来制作表格,第1张

楼主你好。

html编写表格的方法有多种。

最简单的就是用html标签<table></table>

表格是由表头,表格,表行组成的。

表头<tt></tt>

表行<tr></tr>

表格<td></td>

表头和表格都是放在表行里面的。

下面假设写一个2行1列的表格

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

 

   <title>Table</title>

</head>

<body>

   <table>

       <tr><th>第一行</th></tr>

       <tr><td>第二行</td></tr>

   </table>

</body>

</html>

HTML中,有两种方法可以做到图片右侧添加表格:

同一个div内,将图片设置成背景,同时将div内左边距(padding-left)设置成与图片一样的宽度,再在此div内加表格即可;

做成2个div,同时设置左浮动,第1个div的宽度设置成与图片一样宽,第2个div宽度根据自己表格情况设定即可,然后再第2个div里添加表格即可

如有问题可再接着问,希望能帮到你!

<table> //表格标记

<tr>//行开始标记

<td>//单元格开始标记

</td> //单元格结束标记

</tr> //行开始标记

</table>//表格结束标记

"<tr>"与"</tr>"之间可以插入n个单元格标记"<td></td>",单元格标记之间插入要显示的内容。

<table>还有一些属性:

bgcolor表格背景颜色

bordercolor表格颜色

align水平对齐方式

valign垂直对齐方式