首页 > 软件开发 > HTML >

html如何创建表格

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

html如何创建表格?jEf办公区 - 实用经验教程分享!

html如何创建表格?jEf办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • HBuilderX

方法/步骤

  • 1

    打开HBuilderX软件,如图所示:jEf办公区 - 实用经验教程分享!

    html如何创建表格?jEf办公区 - 实用经验教程分享!

  • 2

    然后点击文件--->新建-->项目,如图所示:jEf办公区 - 实用经验教程分享!

    html如何创建表格?jEf办公区 - 实用经验教程分享!

  • 2本页面未经授权抓取自百度经验
  • 3

    输入项目名称,然后点击创建按钮,如图所示:jEf办公区 - 实用经验教程分享!

    html如何创建表格?jEf办公区 - 实用经验教程分享!

  • 4

    在html文件中键入代码,如图所示:jEf办公区 - 实用经验教程分享!

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

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

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

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

    title>html如何创建表格?/title>jEf办公区 - 实用经验教程分享!

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

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

    table border="1">jEf办公区 - 实用经验教程分享!

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

    td>row 1, cell 1/td>jEf办公区 - 实用经验教程分享!

    td>row 1, cell 2/td>jEf办公区 - 实用经验教程分享!

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

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

    td>row 2, cell 1/td>jEf办公区 - 实用经验教程分享!

    td>row 2, cell 2/td>jEf办公区 - 实用经验教程分享!

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

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

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

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

    html如何创建表格?jEf办公区 - 实用经验教程分享!

  • 5

    点击运行-->浏览器运行,如图所示:jEf办公区 - 实用经验教程分享!

    html如何创建表格?jEf办公区 - 实用经验教程分享!

  • 6

    在浏览器中可以看到表格显示效果,如图所示:jEf办公区 - 实用经验教程分享!

    html如何创建表格?jEf办公区 - 实用经验教程分享!

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


    标签: 表格HTML

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