首页 > 软件开发 > HTML >

快速学会HTML语言-18-表格(实例)

来源:互联网 2023-03-16 19:11:44 130

先顶后看年薪百万,如果帮到了你,投个好评。SFL办公区 - 实用经验教程分享!

快速学会HTML语言-18-表格(实例)SFL办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime
  • 链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g
  • 密码:bpmk

方法/步骤

  • 1

    th标记:表格的表头,基本上在第一行,对内容进行说明,文字加粗、居中显示。SFL办公区 - 实用经验教程分享!

    快速学会HTML语言-18-表格(实例)SFL办公区 - 实用经验教程分享!

  • 2

    bordercolor表格边框颜色。也可以十六进制表示颜色。SFL办公区 - 实用经验教程分享!

    bordercolor="#FF0000",跟单词red一样的效果。SFL办公区 - 实用经验教程分享!

    快速学会HTML语言-18-表格(实例)SFL办公区 - 实用经验教程分享!

  • 3

    单元格之间的间距,cellspacing属性。SFL办公区 - 实用经验教程分享!

    cellspacing="2",默认值为2。SFL办公区 - 实用经验教程分享!

    快速学会HTML语言-18-表格(实例)SFL办公区 - 实用经验教程分享!

  • 3此文章未经许可获取自百度经验
  • 4

    单元格与文字之间的边距:cellpadding。SFL办公区 - 实用经验教程分享!

    快速学会HTML语言-18-表格(实例)SFL办公区 - 实用经验教程分享!

  • 5

    表格的背景色:bgcolor,对整个表格有效。SFL办公区 - 实用经验教程分享!

    快速学会HTML语言-18-表格(实例)SFL办公区 - 实用经验教程分享!

  • 6

    表格的背景图像:background。找一张图片放在跟源文件同样的位置。SFL办公区 - 实用经验教程分享!

    快速学会HTML语言-18-表格(实例)SFL办公区 - 实用经验教程分享!

  • 7

    表格的结构标记:SFL办公区 - 实用经验教程分享!

    thead>,表格的上部SFL办公区 - 实用经验教程分享!

    tbody>,表格的中间SFL办公区 - 实用经验教程分享!

    tfoot>,表格的下部。SFL办公区 - 实用经验教程分享!

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

    这三个标记仅仅表示结构,方便理清结构。SFL办公区 - 实用经验教程分享!

    如商品的名称放在thead标记中,SFL办公区 - 实用经验教程分享!

    商品的价格放在tbody标记中,SFL办公区 - 实用经验教程分享!

    商品的总计放在tfoot标记中。SFL办公区 - 实用经验教程分享!

  • 注意事项

    • 如果有疑问,请在下方评论,小编会回复。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
    • 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)

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


    标签: HTML

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