表格标签<table></table>用它可以制作一个表格，需要注意的是这时的它是一个四方块，如果你加了border这一个属性效果会更明显，所以你要出现现实生活中的表格还需对它的内部添加东西，所以你需要在table标签的内部嵌套tr标签让它出现行，同样的我们需要对它的行标签填充，填充的是td单元格，写完这行后把它复制一份，粘贴在第一行后即可形成第二行，那列呢？在HTML的表格中 ，没有单独的标签表示列，这是需要注意的地方。然后你在td里面添加内容即可形成表格，这个时候，如果你不在table处添加border属性，就不会有边框，效果就不会明显，细心的你这个时候会发现单元格之间有距离，td里面的内容距离单元格边框也太近了，不太好看，你可以用cellspacing控制单元格之间的距离（也包括与外面四方块的距离），用cellpadding控制单元格里面的内容与它边框之间的距离，这里面的cellspacing和cellpadding，border都是添加在table标签后面的，不过我们一般会把这三个参数设为0，如果你实在要边框的话可以让border的值不为0（一般为1,1的意思是1px,1像素的意思，px单位一般不加）,同时这个时候你会发现这个线比一般的1px要粗，这个是因为你的cellspacing为0后两个单元格之间的边框重和了所以比实际粗1px。
表格标签里面你只写tr与td的会还不是一个完整的表格，因为这时你打开控制台的话会发现它自动帮你加了<thead></thead>,<thbody></thbody>,<thfoot></thfoot>（有可能没有它）所以一个完整的表格还要加上它们，它们的一个作用是让结构更清晰，其中还需补充的是thfoot标签和thbody的位置即使互换也不会影响最终效果，同时如果你想给你的表格加上一个标题的话可以紧接着table标签后写<caption></caption>加标题。
表格将了一些，在接下来是表单，它的作用是是搜集用户的信息，由三部分组成，表单控件，提示信息，表单域。我们先来讲input控件，形式是类似<input type="text"/>这样,type是属性，text是属性值，我们通过不断变换type的属性值来改变input控件的作用，其中type值为radio（单选框）和checkbox(复选框）时我们常常在input里面加一个属性name，用它来表示同一组，不同的是radio（单选框）还通过他来实现多选一的功能，type值为submit（提交按钮），button（普通按钮，常和js结合在一起做特效），为image（图像式的提交按钮）时还要写src来指定路径，为file时可以用来上传文件。
网友评论