深圳外网站建设,网站策划报告书怎么做,ppt简约大气模板,东莞网站制作很好 乐云践新HTML标签——表格标签 目录HTML标签——表格标签一、表格标题和表头单元格标签场景#xff1a;注意点#xff1a;案例实操小结二、表格的结构标签场景#xff1a;注意点#xff1a;案例实操#xff1a;三、合并单元格思路场景#xff1a;代码实现一、表格标题和表头单元格…HTML标签——表格标签 目录HTML标签——表格标签一、表格标题和表头单元格标签场景注意点案例实操小结二、表格的结构标签场景注意点案例实操三、合并单元格思路场景代码实现一、表格标题和表头单元格标签
场景
在表格中表示整体大标题和一列小标题
其他标签
注意点
• caption标签书写在table标签内部 • th标签书写在tr标签内部用于替换td标签
案例实操
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodytable border1captionstrong学生成绩单strong/captiontrth姓名/thth成绩/thth评语/th/trtrtd张三/tdtd100分/tdtd真棒第一名/td/trtrtd李四/tdtd99分/tdtd真棒第二名/td/trtrtd总结/tdtd郎才女貌/tdtd真棒相亲成功/td/tr/table/body
/html 小结 二、表格的结构标签
场景
让表格的内容结构分组突出表格的不同部分头部、主体、底部使语义更加清晰 结构标签
注意点
• 表格结构标签内部用于包裹tr标签 • 表格的结构标签可以省略
案例实操
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodytable border1captionstrong学生成绩单strong/captiontheadtrth姓名/thth成绩/thth评语/th/tr/theadtbodytrtd张三/tdtd100分/tdtd真棒第一名/td/trtrtd李四/tdtd99分/tdtd真棒第二名/td/tr/tbodytfoottrtd总结/tdtd郎才女貌/tdtd真棒相亲成功/td/tr/tfoot/table/body
/html
三、合并单元格
思路
场景
将水平或垂直多个单元格合并成一个单元格
代码实现 !DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodytable border1captionstrong学生成绩单strong/captiontheadtrth姓名/thth成绩/thth评语/th/tr/theadtbodytrtd张三/tdtd rowspan2100分/tdtd真棒第一名/td/trtrtd李四/tdtd真棒第二名/td/tr/tbodytfoottrtd总结/tdtd colspan2郎才女貌/td/tr/tfoot/table/body
/html
