表格元素详解与练习提到表格，大家最先想到的就是EXCEL这款软件，实际上在对表格的操作上，HTML与EXCEL非常相似。在展示数据，统计数据方面，表格比文字描述更具表达优势，在网页中，表格也经常被用来
表格元素详解与练习
提到表格，大家最先想到的就是EXCEL这款软件，实际上在对表格的操作上，HTML与EXCEL非常相似。
在展示数据，统计数据方面，表格比文字描述更具表达优势，在网页中，表格也经常被用来展示数据、计划日常安排等内容。如图所示：
今天我们就来学习一下如何向页面中添加表格元素。
首先来介绍一下表格元素中的基本标签。
NO.1：
这个标签是书写表格的第一个标签，它本身在页面上看不出什么内容，但是它的属性可以控制表格显示的全局样式。这个标签的开始标签写在表格元素的开头，结尾标签写在表格元素的结尾。
NO.2：
这个标签是表格的标题标签。
NO.3：
|
这个标签定义表格的列标签。
NO.4：
| 这个标签是列表标题标签，例如，男生、女士、姓名等。
NO.5：
| 这个标签定义表格的行标签。
OK，这些基本标签就可以构建一个基础的表格元素。示例代码如下：
表格标题标题标签| 姓名 | 年龄 |
| 一列一行 | 一列二行 |
| 二列一行 | 二列二行 |
页面效果如图所示：没有表格的外边框。
如何添加外边框呢？在
标签中修改border属性即可，示例代码如下：border=”1″是给表格添加宽为1的边界线。<table border = \"1\">
效果如图所示：
这时，您会发现表格在页面上的尺寸非常小，可不可以按照页面尺寸来显示表格吗？当然可以，这就需要为
标签修改第二个属性width，示例代码如图所示：width = “100%”指的是表格宽度与平面宽度一致。<table border = \"1\" width = \"100%\">
效果如图所示：
ok！今天的讲解先到这里，明天我会继续为大家讲解
、
、
三个标签，以及合并单元格操作。
今天的完整代码示例如下：
<!DOCTYPE HTML> <html> <head> <title>第一个网页</title></head> <body><h1>第一个网页</h1><hr><h2>表格元素</h2><hr><table border = \"1\" width = \"100%\"> <caption>表格标题</caption><tr> <th>姓名</th><th>年龄</th></tr><tr><td>一列一行</td><td>一列二行</td></tr><tr> <td>二列一行</td><td>二列二行</td></tr></table></body> </html>
正所谓万丈高楼平地起，html技术虽然简单，但是内容相对繁琐，也是以后进一步学习网页制作的基础，希望大家动手写每一段代码，把每一步踩坚实。
喜欢的小伙伴请关注我，阅读中遇到任何问题请给我留言，如有疏漏或错误欢迎大家斧正，不胜感激！
本文内容由互联网用户自发贡献，该文观点仅代表作者本人。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 97552693@qq.com 举报，一经查实，本站将立刻删除。本文链接：https://m.teaffka.com/n/9204.html
相关推荐
虚拟路由器是什么？简要介绍一下,什么是虚拟路由器？。小编来告诉你更多相关信息。什么是虚拟路由器小编为大家讲一讲什么是虚拟路由器的电脑小知识，一起跟随小编看看吧！虚拟路由器（VirtualRouter）是一种软件
汽车的发动机在安装活塞环的时候，一定要按照操作规程进行，否则会严重影响发动机的工作的，具体的安装方法如下：1、安装活塞环的时候一定要从下往上安装，也就是说要先安装油环再安装气环。安装这几道环的时候开口
ainer\">【摘要】随着互联网的快速发展，我们身处于一个信息快速发展的时代，每小时各类爆炸信息充斥着我们的生活，人们的快节奏生活，造成了碎片化阅读，图片成为了快速传递有效信息的途径。浏览各个网站，一
想要减少噪音，更好地聆听音乐，或者是看电视，很多人都会选择戴耳机。其中蓝牙耳机成为越来越多人的选择，它方便携带，没有有线的缠绕。可能有人会问：无线蓝牙耳机可以连接电脑吗？当然可以。可是很多人不知道该怎
今天来教大家如何设置罗技鼠标的宏。首先打开驱动Ghub，在右上角的设置中取消勾选“启用自动更新”，然后点击“我的装备”，再点击“鼠标”，确认“板载模式”显示已关闭。接着回到主页面，点击“桌面默认”，再
联系我们
在线咨询： QQ交谈
邮件：97552693@qq.com
工作时间：周一至周五，9:30-18:30，节假日休息
