首页 > 软件开发 > HTML >

如何用HTML来制作表格

来源:互联网 2023-03-16 19:19:31 448

HTML是一种制作万维网页面的标准语言。使用HTML语言中的table>标签可以为页面制作表格。这里,我来告诉你,如何通过一系列标签来让页面显示出表格。当然,制作表格肯定少不了css样式表的参与。hxh办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • intellij idea—其它软件也可以,比如Dreamweaver、记事本等

方法/步骤

  • 1

    首先打开软件,新建一个HTML5文档。为文档命名为:table。当然新建文档的方法有很多,使用的软件不同,方式不同。hxh办公区 - 实用经验教程分享!

    如何用HTML来制作表格?hxh办公区 - 实用经验教程分享!

    如何用HTML来制作表格?hxh办公区 - 实用经验教程分享!

  • 2

    在body>/body>之间输入以下代码:hxh办公区 - 实用经验教程分享!

    table> thead> tr> th>标题1/th> th>标题2/th> th>标题3/th> /tr> /thead> tbody> tr> td>单元格1/td> td>单元格2/td> td>单元格3/td> /tr>hxh办公区 - 实用经验教程分享!

    ... ... /tbody>/table>/body>hxh办公区 - 实用经验教程分享!

    如何用HTML来制作表格?hxh办公区 - 实用经验教程分享!

    如何用HTML来制作表格?hxh办公区 - 实用经验教程分享!

  • 2此文章未经授权抓取自百度经验
  • 3

    我们可以看到表格已经完成大半,除了线框尚未加上以外。这时,我们只用在标签table>里加一个属性border="1">hxh办公区 - 实用经验教程分享!

    如何用HTML来制作表格?hxh办公区 - 实用经验教程分享!

  • 4

    这时候我们再在浏览器中查看,会发现表格的边框就已经加上了。hxh办公区 - 实用经验教程分享!

    如何用HTML来制作表格?hxh办公区 - 实用经验教程分享!

    如何用HTML来制作表格?hxh办公区 - 实用经验教程分享!

  • 注意事项

    • 万变不离其宗,在最基本的代码基础上再加其他代码便可制作出绚丽的表格了。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!hxh办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码