vb treeview icon 可以使用位图吗_table标签经典案例,综合使用行合并与列合并实现html网页表格【2020网页综合笔记03】...

5f2e35bd8c948f1804c67a136e3b1607.gif

81a740c512f31b4aa6631b1873129bce.png

html表格的使用价值:

html表格的掌握对于很多页面的排版都非常重要,尤其做数据的排版用得非常多,因为比较简便,数据的加载速度也非常快。

html网页表格通常也用于各种表单数据提交类型的页面,可以实现更好的页面展示效果。

本文最终效果说明:

说明:其中数字1、3、4单元格实现合并两行。  数字11实现合并两列。

这个表格练习,充分考量了一个开发人员对表格类型标签的掌握程度,可在此基础上实现更为复杂的表格。

我们对于表格中行合并与列合并的操作都是用在td或者th这样的列单元格标签上的。

当前一格有行合并效果是,后一格默认单元格占据一行。

界面效果:

0d20a1c0f25c91ba641d97b9878ec4f0.png

源代码分享:

<html><head>  <title>网页表格练习title>  <style>       table{            border:1px solid black;/*表格边线*/            border-collapse:collapse;  /*折叠*/       }       table tr td{            border:1px solid black;            padding:0 10px;   /*单元格上下空开10px*/            text-align:center; /*文字居中*/        }style>head><body>   <table>       <tr>           <td rowspan="2">1td>           <td>2td>           <td rowspan="2">3td>      tr>      <tr>           <td>10td>      tr>      <tr>           <td rowspan="2">4td>           <td>5td>           <td>6td>      tr>      <tr>           <td>8td>           <td>9td>      tr>      <tr>           <td>7td>           <td colspan="2">11td>      tr>  table>body>html>

联系作者:刘金玉

ba1cb5f58fcdfc97dc97e2f6e85149df.png

长按关注公众号

735bcef8df9370579cff9e8c9b95ce12.png

编程创造城市官网:https://bcczcs.com/ 相关文章:
  1. 长期写代码的人最后怎样了?一起看看程序员的人生规划吧

  2. 要毕业了,还有科目不及格,该怎么办?如果调节自己的心态?

  3. 现在有多少人在学习计算机编程?学习只为当码农吗?

  4. 在学习过程中,老师重要还是自己的学习能力重要?

  5. html关于表格table的相关知识分享【2020网页综合笔记02】

  6. VB中的滚动条和颜色的灵活使用【VB学习笔记2020课堂版10】

  7. VB中随机数案例复习加练【VB学习笔记2020课堂版08】

  8. VB基础:掌握listbox和combobox控件的应用【VB学习笔记2020课堂版04】

  9. 嘘!程序员写代码需要安静吗?安静的环境带给我们什么?

  10. 程序员会喝酒吗?让人陷入无限遐想...

  11. 程序员都在干些什么?他们有那么的神秘吗?一起来揭晓一下。

  12. 刘金玉思维#008 感恩默默付出的他们

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值