首页 > 软件开发 > HTML >

HTML表格,简历制作以及基本标签的用法

来源:互联网 2023-03-16 19:19:04 281

在编写一个网页的时候,难免会用到表格的制作,接下来我为大家带来表格的基本用法。x0Y办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • webstorm,vscode,Brackets ,Sublime Text (本人使用的是HBuilderX—国产软件,画面舒适)

方法/步骤

  • 1

    运行HBuilderX ,鼠标放在左侧项目栏点击右键,新建html文件,点击创建,软件会自动生成主体的框架。x0Y办公区 - 实用经验教程分享!

    HTML表格,简历制作以及基本标签的用法x0Y办公区 - 实用经验教程分享!

  • 1相关内容非法爬取自百度经验
  • 2

    我们就以学生成绩为例,编写一个成绩单。表格的规格是3行5列的。编写表格需要用到table>标签,tr>标签(表示行),td>标签(表示列)后面两个标签必须存放在table>标签内。红色字样的 border="1px" 与 cellspacing="0"为table>标签的属性,边框大小为1像素,单元格间隙为0。width="200px" 与 align="center"为td>标签的属性,单元格的宽度为200像素,对齐方式为中心对齐。x0Y办公区 - 实用经验教程分享!

    HTML表格,简历制作以及基本标签的用法x0Y办公区 - 实用经验教程分享!

    HTML表格,简历制作以及基本标签的用法x0Y办公区 - 实用经验教程分享!

  • 3

    简历也是用表格制作出来的,但用上述的几个标签无法做出简历的效果,我们必须学会使用单元格的合并。简历的制作必须引入两个新的标签。colspan=""表示行的单元格合并。rowspan表示列的单元格合并。x0Y办公区 - 实用经验教程分享!

  • 4

    在制作表格的时候我们会为表格添加很多重复的属性,增加了我们时间的消耗,我们可以引入新的标签解决这个问题。col>单标签,表示一列。colgrou列分组标签,单标签 colgroup span="6"> 表示6个col>。x0Y办公区 - 实用经验教程分享!

  • 5

    根据W3C指定的网页编写规则,每一个表格都有三个部分thead>表格的页眉/thead>,tbody>表格的主体/tbody>,tfooter>表格的页脚/tfooter>,其中主体部分是最重要的部分,网页一般都会补全,不要省略tbody>x0Y办公区 - 实用经验教程分享!

    HTML表格,简历制作以及基本标签的用法x0Y办公区 - 实用经验教程分享!

    HTML表格,简历制作以及基本标签的用法x0Y办公区 - 实用经验教程分享!

  • 6

    HTML表格,简历制作以及基本标签的用法x0Y办公区 - 实用经验教程分享!

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


    标签: HTML

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