学习html时如果灵活运用table,tr,td三个标签来得到自己想要的表格呢

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习html时如果灵活运用table,tr,td三个标签来得到自己想要的表格呢相关的知识,希望对你有一定的参考价值。

有什么窍门吗?
如何灵活运用

可以这样来做,tr是一行,td是一行里面的一格。一行一行的做就简单得多了。如果是想要一个三行三列的表格的话可以这样:

<tr>

    <td></td>

    <td></td>

    <td></td>

</tr>


<tr>

    <td></td>

    <td></td>

    <td></td>

</tr>


<tr>

    <td></td>

    <td></td>

    <td></td>

</tr>

其中有几个属性可以设计,比如border(表格边框),宽、高等。给你个东西,自己下载下去看看,能在html中帮你忙的。别玩了采纳!有问题追问

参考技术A 去w3school看看吧,看完基本教程就可以灵活运用了;追问

谢谢,正在看

参考技术B 其实就那么几个属性 跨行 跨列 主要就那么几个属性,了解之后做表就容易了

Html 教程 “表格”三要素

1. 定义

表格由<table>标签来定义。

2. 表格三要素 table、tr、td

2.1 每个表格均有若干行(由 <tr>标签定义),每行被分割为若干单元格(由<td>标签定义)。

2.1 表格数据

td 指表格数据(table data),即数据单元格的内容。这个数据分为两种:

  • 数据的名称
    <th></th> 表示数据的名称(标题)
  • 数据本身。
    <td></td>表示真正的数据内容。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

eg.

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

在这里插入图片描述
3. thead tbody tfoot

thead ---------表格的页眉
tbody ---------表格的主体
tfoot ---------定义表格的页脚

在这里插入图片描述
在这里插入图片描述

以上是关于学习html时如果灵活运用table,tr,td三个标签来得到自己想要的表格呢的主要内容,如果未能解决你的问题,请参考以下文章

html的table中如何设置每行显示几列

html学习进度更新

table固定宽高之后就不能改变td的大小了吗----html

Html 教程 “表格”三要素

表格方面的学习内容

在table中tr和td 有啥区别