首页 > 软件开发 > HTML >

如何用HTML制作表格

来源:互联网 2023-03-16 19:16:48 97

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

工具/原料

  • HBuilder X
  • 电脑

方法/步骤

  • 1

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

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

  • 2

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

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

  • 3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 4

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

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

  • 4本页面非法爬取自百度经验
  • 5

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

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

  • 注意事项

    • 代码
    • HBuilder X

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


    标签: HTML

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