首页 > 软件开发 > HTML >

记事本写网页教案6-HTML教案中插入表格

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

表格可以使排版简洁,虽然div标签更加规范,但实际上table标签兼容性更好。8e1办公区 - 实用经验教程分享!

这里主要介绍HTML中table>标签的使用,table>标签虽然可以在各种HTML编辑器中直观的得到,但是如果要达到编程的水平,还是要记代码的。8e1办公区 - 实用经验教程分享!

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

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

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

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

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

工具/原料

  • 电脑
  • 记事本

方法/步骤

  • 1

    用记事本建立一个txt文档,然后另存为.html。具体方法参考经验引用。8e1办公区 - 实用经验教程分享!

    通过更改txt文档中的代码,刷新后可以看到在HTML中的变化。8e1办公区 - 实用经验教程分享!

    0记事本写网页教案1-浏览器能打开的不一样的教案8e1办公区 - 实用经验教程分享!

    记事本写网页教案6-HTML教案中插入表格8e1办公区 - 实用经验教程分享!

    记事本写网页教案6-HTML教案中插入表格8e1办公区 - 实用经验教程分享!

  • 2

    最简单的表格,写入如下代码:8e1办公区 - 实用经验教程分享!

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

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

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

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

    title>记事本写网页教案/title>8e1办公区 - 实用经验教程分享!

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

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

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

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

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

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

    td>第一行 , 第一列/td>8e1办公区 - 实用经验教程分享!

    td>第一行, 第二列/td>8e1办公区 - 实用经验教程分享!

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

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

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

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

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

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

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

    这个表格只有一行,表格边框border为1,数值越大,边框越厚。8e1办公区 - 实用经验教程分享!

    记事本写网页教案6-HTML教案中插入表格8e1办公区 - 实用经验教程分享!

  • 3

    有两行的表格,代码如下:8e1办公区 - 实用经验教程分享!

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

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

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

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

    title>记事本写网页教案/title>8e1办公区 - 实用经验教程分享!

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

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

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

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

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

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

    td>第一行 , 第一列/td>8e1办公区 - 实用经验教程分享!

    td>第一行, 第二列/td>8e1办公区 - 实用经验教程分享!

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

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

    td>第二行 , 第一列/td>8e1办公区 - 实用经验教程分享!

    td>第二行, 第二列/td>8e1办公区 - 实用经验教程分享!

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

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

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

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

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

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

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

    标签tr>代表行,标签td>代表列。8e1办公区 - 实用经验教程分享!

    记事本写网页教案6-HTML教案中插入表格8e1办公区 - 实用经验教程分享!

  • 4

    有表头的表格,代码如下:8e1办公区 - 实用经验教程分享!

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

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

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

    title>记事本写网页教案/title>8e1办公区 - 实用经验教程分享!

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

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

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

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

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

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

    th>姓名/th>8e1办公区 - 实用经验教程分享!

    th>电话/th>8e1办公区 - 实用经验教程分享!

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

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

    td>第一行 , 第一列/td>8e1办公区 - 实用经验教程分享!

    td>第一行, 第二列/td>8e1办公区 - 实用经验教程分享!

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

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

    td>第二行 , 第一列/td>8e1办公区 - 实用经验教程分享!

    td>第二行, 第二列/td>8e1办公区 - 实用经验教程分享!

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

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

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

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

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

    标签th>代表表头,会加粗。8e1办公区 - 实用经验教程分享!

    记事本写网页教案6-HTML教案中插入表格8e1办公区 - 实用经验教程分享!

  • 5

    向表格内添加颜色:8e1办公区 - 实用经验教程分享!

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

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

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

    title>记事本写网页教案/title>8e1办公区 - 实用经验教程分享!

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

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

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

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

    table border="1" bgcolor="red">8e1办公区 - 实用经验教程分享!

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

    th>姓名/th>8e1办公区 - 实用经验教程分享!

    th>电话/th>8e1办公区 - 实用经验教程分享!

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

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

    td>第一行 , 第一列/td>8e1办公区 - 实用经验教程分享!

    td>第一行, 第二列/td>8e1办公区 - 实用经验教程分享!

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

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

    td>第二行 , 第一列/td>8e1办公区 - 实用经验教程分享!

    td>第二行, 第二列/td>8e1办公区 - 实用经验教程分享!

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

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

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

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

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

    bgcolor="red" 表示表格填充为红色8e1办公区 - 实用经验教程分享!

    记事本写网页教案6-HTML教案中插入表格8e1办公区 - 实用经验教程分享!

  • 5此文章未经许可获取自百度经验
  • 注意事项

    • 表格是教案排版的主要工具
    • 表格的代码需要牢记

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


    标签: HTML表格

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