本篇文章给大家谈谈web前端开发用表格制作网页，以及web前端开发表单对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享web前端开发用表格制作网页的知识，其中也会对web前端开发表单进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

1. HTML网页制作：[5]如何在网页中插入表格？

1、HTML网页制作：[5]如何在网页中插入表格？

1.表格有什么？1）框架2）横线3）竖线4）方格所以，一个表格是由许多线和方格组成的。当然，可以加上标题等。用HTML创建表格没有任何不同。1）table:表格标记，表格中所有的属性等都必须在lt;tablegt;lt;/tablegt;当中2）tr:行标记，表格中水平间隔3）td:列标记，表格中垂直间隔

2.OK，来做一个简单的表格。lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"gt;lt;html xmlns="http://www.w3.org/1999/xhtml"gt;lt;headgt;lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /gt;lt;titlegt;无标题文档lt;/titlegt;lt;/headgt;lt;bodygt;lt;tablegt;lt;trgt;lt;tdgt;语文lt;/tdgt;lt;tdgt;数学lt;/tdgt;lt;/trgt;lt;trgt;lt;tdgt;英语lt;/tdgt;lt;tdgt;嘿嘿lt;/tdgt;lt;/trgt;lt;/tablegt;lt;/bodygt;lt;/htmlgt;

3.效果图如下好吧，没有框框

4.怎么加上框框呢？给table加上属性lt;table border="1"gt;再来试试

5.给表格设置标题：只要在lt;tablegt;的下面加上lt;captiongt;XXXXSlt;/captiongt;即可。

6.效果图如下

7.有时候，表格是有表头的，给表头加黑是一种方式，还有一种方式则是设置表头。设置表头的方法是：lt;thgt;XXXlt;/thgt;代码如下lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"gt;lt;html xmlns="http://www.w3.org/1999/xhtml"gt;lt;headgt;lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /gt;lt;titlegt;无标题文档lt;/titlegt;lt;/headgt;lt;bodygt;lt;table border="1"gt;lt;captiongt;课程表lt;/captiongt;lt;thgt;上午lt;/thgt;lt;thgt;下午lt;/thgt;lt;trgt;lt;tdgt;语文lt;/tdgt;lt;tdgt;数学lt;/tdgt;lt;/trgt;lt;trgt;lt;tdgt;英语lt;/tdgt;lt;tdgt;嘿嘿lt;/tdgt;lt;/trgt;lt;/tablegt;lt;/bodygt;lt;/htmlgt;

8.效果图如下

9.关于表格的内容还有很多，我这里只是起到一个抱砖引玉的作用，还有更多的知识，不要不断的努力去学习，才能掌握。

关于web前端开发用表格制作网页和web前端开发表单的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 web前端开发用表格制作网页的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于web前端开发表单、web前端开发用表格制作网页的信息别忘了在本站进行查找喔。