首页 > 软件开发 > HTML >

快速学会HTML语言-17-表格基本属性(实例)

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

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

快速学会HTML语言-17-表格基本属性(实例)8ny办公区 - 实用经验教程分享!

工具/原料

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

方法/步骤

  • 1

    如图为基本框架,此代码网页显示没有效果,但是必须写。8ny办公区 - 实用经验教程分享!

    表格标记table8ny办公区 - 实用经验教程分享!

    行标记tr8ny办公区 - 实用经验教程分享!

    单元格标记td8ny办公区 - 实用经验教程分享!

    tr行标记和td单元格标记只有在起始标记table>和结束标记/table>之间才有效。8ny办公区 - 实用经验教程分享!

    快速学会HTML语言-17-表格基本属性(实例)8ny办公区 - 实用经验教程分享!

  • 1该信息未经授权抓取自百度经验
  • 2

    在第一行添加单元格标记td。8ny办公区 - 实用经验教程分享!

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

    border="1",表示添加边框。8ny办公区 - 实用经验教程分享!

    快速学会HTML语言-17-表格基本属性(实例)8ny办公区 - 实用经验教程分享!

  • 3

    添加表格第二行,用tr标记8ny办公区 - 实用经验教程分享!

    一整个tr标记表示一行,一整个td标记表示一个单元格。8ny办公区 - 实用经验教程分享!

    快速学会HTML语言-17-表格基本属性(实例)8ny办公区 - 实用经验教程分享!

  • 4

    默认情况下,表格宽高根据表格中的内容自动适应。8ny办公区 - 实用经验教程分享!

    现在来设置表格的宽高。8ny办公区 - 实用经验教程分享!

    快速学会HTML语言-17-表格基本属性(实例)8ny办公区 - 实用经验教程分享!

  • 5

    表格的标题:caption,用途是为表格提供一个简短的说明。8ny办公区 - 实用经验教程分享!

    快速学会HTML语言-17-表格基本属性(实例)8ny办公区 - 实用经验教程分享!

  • 6

    caption标记的优点,始终在表格中间显示,就算加大宽度。8ny办公区 - 实用经验教程分享!

    快速学会HTML语言-17-表格基本属性(实例)8ny办公区 - 实用经验教程分享!

  • 注意事项

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

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


    标签: HTML

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