半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

HTML网页制作:[5]如何在网页中插入表格?

2022-07-28 10:33:39 暂无评论 231 网站建设 何在   网页制作   插入

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

2.OK,来做一个简单的表格。<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ><html xmlns=><head><meta http-equiv=Content-Type content=text/html; charset=utf-8 /><title>无标题文档</title></head><body><table><tr><td>语文</td><td>数学</td></tr><tr><td>英语</td><td>嘿嘿</td></tr></table></body></html>

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

4.怎么加上框框呢?给table加上属性<table border=1>再来试试

5.给表格设置标题:只要在<table>的下面加上<caption>XXXXS</caption>即可。

6.效果图如下

7.有时候,表格是有表头的,给表头加黑是一种方式,还有一种方式则是设置表头。设置表头的方法是:<th>XXX</th>代码如下<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ><html xmlns=><head><meta http-equiv=Content-Type content=text/html; charset=utf-8 /><title>无标题文档</title></head><body><table border=1><caption>课程表</caption><th>上午</th><th>下午</th><tr><td>语文</td><td>数学</td></tr><tr><td>英语</td><td>嘿嘿</td></tr></table></body></html>

8.效果图如下

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