HTML基础知识(6)-表格

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_42183408/article/details/89091726

欢迎来到HTML的世界,现在开始HTML之旅吧!

表格

今天我们来学习HTML表格的使用,首先来看一个简单的实例:

<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>

效果:


1 2
3 4

我们使用<table>创建表格,并使用<tr>创建行,使用<td>创建列表项,在表格中还有<th>标签,现在来看下面一个实例:

<table>
<tr>
<td>1</td>
<th>2</th>
</tr>
<tr>
<td>3</td>
<th>4</th>
</tr>
</table>

效果:


1 2
3 4

现在看出不同了吧,使用th的标签加深了,也就可以作为表头使用。

其中table标签也有属性,也就是border属性,制定边框宽度,看看加上border后发生了什么变化吧:


在这里插入图片描述


这次的讲解就结束了,下次见!

猜你喜欢

转载自blog.csdn.net/weixin_42183408/article/details/89091726
今日推荐