网站开发最重要的技巧,浙江信息港网,淘宝客代理网站怎么做,二维码网站制作https://chatgai.lovepor.cn/
在HTML中#xff0c;表格的标准形式如下#xff1a; table/table 使用上面的语言#xff0c;就已经生成了一个表格#xff0c;只不过这个表格什么都没有
那么#xff0c;该如何让表格存在东西呢#xff1f;
首先#xf…https://chatgai.lovepor.cn/
在HTML中表格的标准形式如下 table/table 使用上面的语言就已经生成了一个表格只不过这个表格什么都没有
那么该如何让表格存在东西呢
首先我们需要使用到tr /tr 如下 tabletr/tr
/table 这里的tr /tr 就在表格中运用一行 但是在表格中一行我们也可以有很多列
这时候我们就需要用到td/td 或者th /th
如下-: tabletrtd/td/trtrth/th/tr
/table 每一对 td或者th 代表了一列 使用效果如下 !DOCTYPE html
htmlheadmeta charsetUTF-8 /titletitle/title
/headbodytable width400px height500px bgcolorpink这里是设置表格宽度为400高度为500单位是pxtrth文具/thth橡皮/th/trtrtd文具/tdtd橡皮/td/tr/table
/body
/html 在上图中我们需要了解到
(注上图大小不对但你们自己可以重新试试代码是对的) td表示一般单元格 默认居左并以普通格式显示 th表示标题单元格 默认居中并以加粗格式显示 但是这样还不够直观所以我们需要运用到边框线边框线需要在table位置更改
使用如下 !DOCTYPE html
htmlheadmeta charsetUTF-8 /titletitle/title
/headbodytable border3px bordercolorred width400px height500px bgcolorpinktrth文具/thth橡皮/th/trtrtd文具/tdtd橡皮/td/tr/table
/body
/html 这里的border就是边缘线 bordercolor可以改变边缘线的颜色 使用效果如图 我们也可以让每一行表格都更改一下位置和表格大小
如下 !DOCTYPE html
htmlheadmeta charsetUTF-8 /titletitle/title
/headbodytable border3px bordercolorred width400px height500px bgcolorpink aligncenter tr height50pxth文具/thth橡皮/th/trtr aligncentertd文具/tdtd橡皮/td/tr/table
/body
/html 我们也可以更改表格内容的颜色只需要在想更改的位置加上bgcolor即可 在表格中还有最后两种东西一种为跨行--rowspan
另一种为跨列--colspan
说是跨其实就是把一格的东西扩大成为N格 最后我们写两个语言来整体实现 例子1 !DOCTYPE html
htmlheadmeta charsetUTF-8 /titletitle/title
/headbodytable width300px height500px aligncenter bgcolorpink border3px bordercolorgreen tr height100pxth文具/th th个数/th th价格/th/trtr aligncentertd bgcolorgreen铅笔/tdtd5/tdtd88/td/trtr aligncentertd橡皮/tdtd 6/tdtd99/td/trtrth总价格/thtd colspan2 aligncenter11/td/tr/table
/body
/html 效果图 例题2 !DOCTYPE html
htmlheadmeta charsetUTF-8 /titletitle/title
/headbodytable width300px height500px aligncenter bgcolorpink border3px bordercolorgreen tr height100pxth文具/th th个数/th th价格/thth总价格/th/trtr aligncentertd bgcolorgreen铅笔/tdtd5/tdtd88/tdtd rowspan211/td/trtr aligncentertd橡皮/tdtd 6/tdtd99/td/tr/table
/body
/html 效果图
