html表格的使用价值:
html表格的掌握对于很多页面的排版都非常重要,尤其做数据的排版用得非常多,因为比较简便,数据的加载速度也非常快。
html网页表格通常也用于各种表单数据提交类型的页面,可以实现更好的页面展示效果。
本文最终效果说明:
说明:其中数字1、3、4单元格实现合并两行。 数字11实现合并两列。
这个表格练习,充分考量了一个开发人员对表格类型标签的掌握程度,可在此基础上实现更为复杂的表格。
我们对于表格中行合并与列合并的操作都是用在td或者th这样的列单元格标签上的。
当前一格有行合并效果是,后一格默认单元格占据一行。
界面效果:
源代码分享:
<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>
联系作者:刘金玉
长按关注公众号
长期写代码的人最后怎样了?一起看看程序员的人生规划吧
要毕业了,还有科目不及格,该怎么办?如果调节自己的心态?
现在有多少人在学习计算机编程?学习只为当码农吗?
在学习过程中,老师重要还是自己的学习能力重要?
html关于表格table的相关知识分享【2020网页综合笔记02】
VB中的滚动条和颜色的灵活使用【VB学习笔记2020课堂版10】
VB中随机数案例复习加练【VB学习笔记2020课堂版08】
VB基础:掌握listbox和combobox控件的应用【VB学习笔记2020课堂版04】
嘘!程序员写代码需要安静吗?安静的环境带给我们什么?
程序员会喝酒吗?让人陷入无限遐想...
程序员都在干些什么?他们有那么的神秘吗?一起来揭晓一下。
刘金玉思维#008 感恩默默付出的他们