哪些标签用于在 HTML 中以表格形式显示数据?
在本文中,我们将讨论用于以表格形式显示数据的标签。
标签:标签是 HTML 元素的开始和结束部分。每个标签都以“<”符号开始,以“>”符号结束。这些符号中的任何内容都称为标签。开始和结束标签用于在标签内存储任何信息。
开始标签由
句法:
INFORMATION INSIDE THE TAG
属性:属性用于描述 HTML 元素的特征。所有 HTML 元素都可以有属性。属性有两个参数,名称和值,用于定义元素的属性,这些参数放置在元素的开始标记下。
句法:
DATA INSIDE THE TAG
注意:请参阅 HTML 属性文章以获得更好的理解。
用于在 HTML 中创建表格的标签是:
- table:在 HTML 中,“table”标签用于定义一个表格。
- tr:用于定义表格行,使用“tr”标签。
- th: “th”代表表头,用于定义表头“th”标签。表格标题为粗体且居中。
- td:要在每个单元格中插入或添加数据,使用表格数据“td”标签。
方法:现在使用上述标签和属性以表格格式显示数据,我们将执行以下步骤:
- 在 body 标签下创建一个 table 标签。
- 要定义行,请在表格下方添加 Table Row(tr) 标签。
- 对于表头,在特定行中使用 Table Header(th) 标记。
- 要将数据添加到表中,请创建一行并使用“td”标签在每行中插入数据。
下面是上述方法的实现。
示例 1:在此示例中,我们将创建一个简单的表格并在不使用任何属性的情况下显示它。
index.html
Name
Address
Phone
Ram
Dwarika East
9999999999
Arjun
Mumbai
0808080808
Karan
Delhi
7979797979
index.html
Name
Address
Phone
Ram
Dwarika East
9999999999
Arjun
Mumbai
0808080808
Karan
Delhi
7979797979
输出:
示例 2:在此示例中,我们将创建一个带有属性的表格,并将使用 style 属性来显示覆盖整个宽度的内容并将文本在表格的中心对齐。
索引.html
Name
Address
Phone
Ram
Dwarika East
9999999999
Arjun
Mumbai
0808080808
Karan
Delhi
7979797979
输出: