html中怎么使用table
本文小编为大家详细介绍“html中怎么使用table”,内容详细,步骤清晰,细节处理妥当,希望这篇“html中怎么使用table”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
10年积累的网站设计制作、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站后付款的网站建设流程,更有岱山免费网站建设让你可以放心的选择与我们合作。
普通表格,简单的HTML表格由table元素以及tr、td和th元素组成,其中tr是指表格行,td是指单元格,th定义表头。空单元格就直接不填即可,或者用 。
表头 | 表头 | 表头 |
---|---|---|
单元格1 | 单元格3 |
2.带有边框的表格。border元素表示表格的边框,默认单位是px,cellspcing表示表格与表格之间的间距,cellpadding表示内边距/内填充的距离。
表头 | 表头 | 表头 |
---|---|---|
单元格1 | 单元格2 | 单元格3 |
3.带有背景图片或颜色的表格,注意:bgcolor表示颜色,而background不能直接在html里面添加颜色(这句话说错了,是使用的方式错误,直接使用内联样式书写的格式是style="background:red"或者是style="background-color:red"),在table中添加就是对整个表格设置,如果在单独的tr或者td中设置就是对单独的行或者单元格来进行设置。
表头 | 表头 | 表头 |
---|---|---|
单元格1 | 单元格2 | 单元格3 |
4、跨行和跨列的表格,rowspan表示跨行,colspan表示跨列,跨列的话就在当前表格行内删除,跨行的话就在下方的表格行内删除。
姓名 | Bill Gates |
---|---|
电话 | 555 77 854 |
555 77 855 |
姓名 | 电话 | |
---|---|---|
Bill Gates | 555 77 854 | 555 77 855 |
5.带有标题的表格,caption表示表格的标题,也可以用其他标签比如p标签来定位表格标题,但使用caption的好处是他会跟着表格一起走,默认是在和表格居中对齐。
6.在表格单元中排列内容,比如在单元格中添加段落,列表等。
这是一个段落,hello World! |
|
7.frame框架属性,规定外侧边框的哪个部分是可见的。//暂时不会使用。
读到这里,这篇“html中怎么使用table”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。
名称栏目:html中怎么使用table
浏览路径:http://hbruida.cn/article/gecoch.html