HTML怎么插入一个表格?

HTML怎么插入一个表格?,第1张

新手可以直接用Dreamweaver,在顶部菜单“插入”中选“表格”,设置好行列等参数就可以了。
熟练之后可以直接写html代码,table,thead,tbody,tfoot,tr,th,td标签等。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN"
">

楼主你好。

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>
<title>三行三列空白表格</title>
<head>
<bady>
</br></br></br></br>
<tablewidth="200"border="1"align="center">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</bady>
</head>
</html>
最后,报表可以用FineReport去制作表格,类Excel式,简单拖拽生成表格,功能强大,个人版免费

用到拆分合并单元格,手写挺麻烦的,先用dw在设计视实现,然后再返回代码视图,复制即可代码如下:

<table width="268" height="200" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td height="50" colspan="2" bordercolor="#0000FF">&nbsp;</td>
    <td rowspan="4" bordercolor="#0000FF"><table width="100%" height="200" border="1" cellpadding="0" cellspacing="0">
      <tr>
        <td height="75" bordercolor="#0000FF">&nbsp;</td>
      </tr>
      <tr>
        <td height="125" bordercolor="#0000FF">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="50" colspan="2" bordercolor="#0000FF">&nbsp;</td>
  </tr>
  <tr>
    <td height="50" bordercolor="#0000FF">&nbsp;</td>
    <td height="50" bordercolor="#0000FF">&nbsp;</td>
  </tr>
  <tr>
    <td height="50" bordercolor="#0000FF">&nbsp;</td>
    <td height="50" bordercolor="#0000FF">&nbsp;</td>
  </tr>
</table>

解释如下:

先插入四行两列的表格,第一列通过合并单元格来实现,第二列将所有单元格合并,然后新插入一个两行一列的表格即可实现上述效果


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13327404.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-15
下一篇 2023-07-15

发表评论

登录后才能评论

评论列表(0条)

保存