美文网首页
认识html————表格的标签

认识html————表格的标签

作者: 周行知 | 来源:发表于2019-04-17 16:00 被阅读0次

表格的标签的基本使用:

过去表格标签使用特别多。

什么是我们的表格标签?

表格标签的作用:用来给一堆数据添加表格语义。

其实表格是一种数据的展现形式,当数据量非常大的时候,表格这种展现形式被认为是最为清晰的一种展现形式。

格式如下:

<table>

<tr>

<td></td>

</tr>

</table>

table----------代表整个表格

tr---------------代表整个表格中的一行数据,也就是说一对tr标签就是表格中的一行,如图所示:

td---------------代表表格中一行中的一个单元格,也就是说一对td标签就是一行中的一个单元格。

两行(tr)三列(td)的表格形式:

<table border="1">

<tr>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

</table>

示例代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>表格标签</title>

</head>

<body>

<table border="1">

<tr>

<td>姓名</td>

<td>年龄</td>

<td>职业</td>

</tr>

<tr>

<td>周行知</td>

<td>29</td>

<td>自由职业者,程序员</td>

</tr>

</table>

</body>

</html>

整体运行结果如图所示:

相关文章

  • 认识html

    认识html 文本标签 列表标签 图片标签 超链接(重点!!!!!!!!!!!!!) 表格标签

  • 认识html————表格的标签

    表格的标签的基本使用: 过去表格标签使用特别多。 什么是我们的表格标签? 表格标签的作用:用来给一堆数据添加表格语...

  • CSS 表格属性

    表格属性 CSS表格属性用于设置HTML表格的样式,HTML表格由 标签嵌套 , , 等标签组成,一个HTML...

  • 零基础Web前端开发(5)

    HTML表格概述 表格的基本结构 表格的基本标签有标签 (表格), 标签(表格行), 标签(表格单元格)。 标签和...

  • HTML笔记-- 表格标签

    HTML笔记-- 表格标签 标签(空格分隔): HTML 表格标签(*******) 作用:可以对数据进行格式化操...

  • HTML实现一个table

    标签 :用来定义HTML文档中的表格其中包含:标签 定义表格的页头标签 定义表格的主体标签 定义表格的页脚标签 ...

  • Day21HTML

    HTML标签 文本标签 列表标签 图片和超链接 数据表格 复杂表格

  • H5-3

    HTML表格 html表格由 标签来定义,每个表格有若干行(由 标签来定义),每行被分割为若干单元(由 标签来定义...

  • 认识html------------表格标签的属性

    表格标签的属性: 1.宽度和高度的属性 1)可以给table标签和td标签使用 2)表格的宽度和高度默认是按照内容...

  • HTML结尾与CSS3 (No.3)

    结束课堂上的HTML部分,开始CSS部分 HTML表格和表单 一、表格table标签代表一个表格,在table标签...

网友评论

      本文标题:认识html————表格的标签

      本文链接:https://www.haomeiwen.com/subject/yzunwqtx.html