在HTML代码里面表格的写法以及表格的特性
关于表格
现实生活工作中,表格是我们经常会用到的东西,例如工资表,成绩单,水电费等等,这些都是一些表格,如果我们想用制作一个表格,一般的话全部是使用一些办公软件,因为方便而且简单,使用办公软件制作表格是非常简单的事情,基本上懂点电脑的都会,然而使用HTML代码建造一个表格是比较复杂。
在html代码里面,表格的特性是什么?
我们都知道表格有 行 和 列 组成,但是在HTML里面,只有行没有列,也就是说在HTML里面表格是一个一个行组成的,而不是一个一个列组成的,这是HTML里面表格的性质,也可以说是特性,如果这段话你看完之后的感受是云里雾里的话,建议你去复习一下小学数学。
html制作表格的一些基础标签
如果你看不懂上面那段关于html表格的特性的话
你可以参考一下我下面写的代码,或者看了代码实例之后你就会有所顿悟。
在HTML里面,表格的标签主要为下面几种
<table> 主标签
<tr> 行
<th> 标题
<td> 内容
border <table>标签里面的一个属性
表格的演示效果 和 源代码
表格演示:
类型 | 博客网站 | 小说网站 | 搜索引擎 |
---|---|---|---|
网站名字 | 站长资源网 | 起点中文网 | 百度搜索引擎 |
源代码如下:
<table border="1"> <tr> <th>类型</ th> <th>博客网站</ th> <th> 小说网站</th> <th>搜索引擎</th> </tr> <tr> <th>网站名字</th> <td>站长资源网</td> <td>起点中文网</td> <td>百度搜索引擎</td> </tr> </table>
关于html表格的一些说明
border 这个属性是<table>标签里面一个比较重要的属性,如果你不添加这个属性的话,你所写的表格并不会拥有表格的表格框,书面讲解并不是那么好解释的,各位可以自己去试试,去掉 border 属性之后的表格会是什么样子。
如果在html的表格里面,我们想要 合并列 或者 合并行,在一些办公软件里面这种操作叫做 合并单元格,如果想要在html代码里面做到这种效果,需要用到一个属性,过段时间我会专门写一篇文章来对其进行讲解。
评论列表