首页 > 软件开发 > HTML >

html如何创建表格

来源:互联网 2023-03-16 19:17:36 265

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

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

工具/原料

  • 电脑
  • HBuilderX

方法/步骤

  • 1

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

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

  • 2

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

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

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

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

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

  • 4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 5

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

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

  • 6

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

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

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


    标签: 表格HTML

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