我要看一集片做网站,中山网站建设方案托管,网站备案用的方案建设,wordpress 自定义链接目录​​​​​​​​​​​​​​ 表格的主要作用#xff1a; 表格的基本语法#xff1a; 表格相关的标签 合并单元格#xff1a; 实战#xff1a; 表格的主要作用#xff1a; 表格主要是用来展示数据的#xff0c;使用表格来展示数据#xff0c;数据可读性更好… 目录​​​​​​​​​​​​​​ 表格的主要作用 表格的基本语法 表格相关的标签 合并单元格 实战 表格的主要作用 表格主要是用来展示数据的使用表格来展示数据数据可读性更好更加规范 表格的基本语法 table  tr  td单元格内的文字/td  ...  /tr  ... /table 1. table /table 是用于定义表格的标签。 2. tr /tr 标签用于定义表格中的行必须嵌套在 table /table标签中。 3. td /td 用于定义表格中的单元格必须嵌套在tr/tr标签中。 4. 字母 td 指表格数据table data即数据单元格的内容。   表格相关的标签 table表示这是一个表格th表示表头里面的文字会剧中加粗tr表示表格中的一行td表示表格中的一个单元格类似于数据库中的一个数据这是一个容器里面可以填入任意标签a标签p标签 表格相关的属性 表格标签这部分属性我们实际开发我们不常用后面通过 CSS 来设置. 目的有2个:  1. 记住这些英语单词,后面 CSS 会使用. 2. 直观感受表格的外观形态 合并单元格 合并单元格三步曲 1. 先确定是跨行还是跨列合并。 2. 找到目标单元格. 写上合并方式 合并的单元格数量。比如td colspan“2”/td。 3. 删除多余的单元格。   实战 案例1  !DOCTYPE html html langzh_cnheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title /headbodytable border1 aligncenter whith800px height250px cellpadding20px cellspacing0pxtheadtrth排名/thth关键词/thth趋势/thth今日搜索/thth最近七日/thth相关链接/th/tr/theadtbodytrtd1/tdtd鬼吹灯/tdtdimg src./down.jpg/tdtd354/tdtd124/tdtdspana href#贴吧/a/spanspana href#贴吧/a/spanspana href#贴吧/a/span/td/trtrtd1/tdtd鬼吹灯/tdtdimg src./down.jpg/tdtd354/tdtd124/tdtdspana href#贴吧/a/spanspana href#贴吧/a/spanspana href#贴吧/a/span/td/trtrtd1/tdtd鬼吹灯/tdtdimg src./down.jpg/tdtd354/tdtd124/tdtdspana href#贴吧/a/spanspana href#贴吧/a/spanspana href#贴吧/a/span/td/tr/tbody/table /body/html 案例2 !DOCTYPE html html langen headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title /head bodydiv aligncenterh3 课程表/h3table border1 cellpadding10pxtrth项目/thth colspan5上课/thth colspan2休息/th/trtrtd星期/tdtd星期一/tdtd星期二/tdtd星期三/tdtd星期四/tdtd星期五/tdtd星期六/tdtd星期日/td/trtrtd rowspan4上午/tdtd语文/tdtd数学/tdtd英语/tdtd英语/tdtd物理/tdtd计算机/tdtd rowspan4休息/td/trtrtd语文/tdtd数学/tdtd英语/tdtd英语/tdtd物理/tdtd计算机/td/trtrtd语文/tdtd数学/tdtd英语/tdtd英语/tdtd物理/tdtd计算机/td/trtrtd语文/tdtd数学/tdtd英语/tdtd英语/tdtd物理/tdtd计算机/td/tr trtd rowspan2下午/tdtd语文/tdtd数学/tdtd英语/tdtd英语/tdtd物理/tdtd计算机/tdtd rowspan2休息/td /tr trtd语文/tdtd数学/tdtd英语/tdtd英语/tdtd物理/tdtd计算机/td /tr /table /div /body /html