首页 > 软件开发 > HTML >

如何用HTML制作表格

来源:互联网 2023-03-16 19:16:48 版权归原作者所有,如有侵权,请联系我们

前端的小伙伴在初学HTML的时候都会用HTML来制作一些有意思的东西,这里制作表格,分享给大家。Bjx办公区 - 实用经验教程分享!

工具/原料

  • HBuilder X
  • 电脑

方法/步骤

  • 1

    双击打开HBuilder X,进入HBuilder X后创建一个项目Bjx办公区 - 实用经验教程分享!

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

  • 2

    单击项目,找到jsBjx办公区 - 实用经验教程分享!

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

  • 3

    在代码域里面写以下代码:Bjx办公区 - 实用经验教程分享!

    !DOCTYPE html>Bjx办公区 - 实用经验教程分享!

    html>Bjx办公区 - 实用经验教程分享!

    head>Bjx办公区 - 实用经验教程分享!

    meta charset="utf-8" />Bjx办公区 - 实用经验教程分享!

    title>/title>Bjx办公区 - 实用经验教程分享!

    /head>Bjx办公区 - 实用经验教程分享!

    body>Bjx办公区 - 实用经验教程分享!

    table border="2" align="center">Bjx办公区 - 实用经验教程分享!

    tr>Bjx办公区 - 实用经验教程分享!

    td>html/td>Bjx办公区 - 实用经验教程分享!

    td>css/td>Bjx办公区 - 实用经验教程分享!

    td>javascript/td>Bjx办公区 - 实用经验教程分享!

    /tr>Bjx办公区 - 实用经验教程分享!

    tr>Bjx办公区 - 实用经验教程分享!

    td>php /td>Bjx办公区 - 实用经验教程分享!

    td>java/td>Bjx办公区 - 实用经验教程分享!

    td>asp/td>Bjx办公区 - 实用经验教程分享!

    /tr>Bjx办公区 - 实用经验教程分享!

    /table>Bjx办公区 - 实用经验教程分享!

    Bjx办公区 - 实用经验教程分享!

    /body>Bjx办公区 - 实用经验教程分享!

    /html>Bjx办公区 - 实用经验教程分享!

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

  • 4

    先保存,在上方找到运行,选择一个游览器,Bjx办公区 - 实用经验教程分享!

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

  • 4
  • 5

    在游览器上面显示出来就是这个样子:Bjx办公区 - 实用经验教程分享!

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

  • 注意事项

    • 代码
    • HBuilder X

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


    标签: HTML

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