手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

GIF动态图教学-H5语言7-表格(实例)

时间:2024-10-18 19:49:25

1、如图代码可以理解成基本框架,此代码网页饺咛百柘显示没有效果,但是代码必须有。table表格标记,行标记tr,单元格标记td。tr行标记和td单元格标记只有在,起始标记<table>和结束标记</table>之间才有效。

GIF动态图教学-H5语言7-表格(实例)

2、第一行输入td单元格标记。border="1",添加表格边框。

GIF动态图教学-H5语言7-表格(实例)

3、输入表格第二行,tr标记表示表格中的一行,td标记表示一个单元格。

GIF动态图教学-H5语言7-表格(实例)

4、默认情况下,表格宽高根据表格中的所有内容自动适应。接下来主动设置表格的宽高。

GIF动态图教学-H5语言7-表格(实例)

5、caption表格的标题,作用是为表格提供一个简短的说明。

GIF动态图教学-H5语言7-表格(实例)

6、caption标记的优点,就算加大宽度,始终在表格中间显示。

GIF动态图教学-H5语言7-表格(实例)
© 手抄报圈