当前位置: 首页 > Web前端 > HTML5

【html基础】一键原生建表,一键生成代码

时间:2023-04-05 22:18:26 HTML5

我们在制作网页的时候经常会用到表格,当然也有人会选择使用div来绘制表格。但是用div绘图会出现很多问题,而且不好维护。所以表格标签也是我们前端开发的必备技能。我们通过guiplan来一键插入表格模板。不明白的可以看源码如下:="Gaae0b"class="u7959f">Th"TH>TH头TD表单位TD表单位TD表单位/tr>td表单元TD表单元TD表单元TD表单元TD表单元td表格单元其中table标签还包含tr标签,th标签,td标签tr标签表示一行,td标签表示行中的每一列,th标签代表表格的头部标题,th标签除了代表实际的头部标题之外,还有一个很重要的作用就是可以控制对应列的宽度,所以如果我们发现内容是没有完全显示出来,我们就可以在guiplan中拖拽第th个标签的宽度,除了这些子元素,table还有自己的属性,当然这些属性我们可以不记,效率高checkdocuments太低了,我们可以继续使用guiplan,一键插入属性即可,比如给表格添加边框,只需要选中边框,插入即可,当然边框也有很多属性,以上是内边框和外边框一起显示的效果,下一章讲解表格的其他属性。最后,附上生成的源码thheaderTH>地址TD表单位unitTD表单元上海浦东虹桥某区某地td表单元TD表单元TD表单元TD表单元TD表单元td表格单元