我希望在表格中轻松看到! 如何用HTML显示表格【适合初学者】

我希望在表格中轻松看到! 如何用HTML显示表格【适合初学者】

我再也听不到HTML了! 本文介绍了初学者的HTML基础知识。

这一次,我将解释如何使用两个易于初学者理解的字符教授HTML

TechAcademy 也涵盖了这些内容。

如果您不知道 ,请有关首先的文章。

此外,本文的内容也可以视为视频。 (分为两部分)

如果您发现视频比文字更容易理解,请查看。

这个角色

20163020-2 田岛圭介(29)

他曾是一名工程师,目前是Tajima App School的导师。 看到人们的成长是最有意义的。
我最喜欢的电影是“托斯卡纳假日”

20160620

Yukari Oishi(24)

在一家服装公司的IT部门,因为它很年轻。 他为导师Yusuke Tajima教授编程和设计,因为他的工作需要它。
据说Instagram将在使用三个照片处理应用程序进行编辑后上传。

表(什么是表)

首先,让我们了解表格的基础知识。 您可以使用HTML制作表格。 表称为表。

一个水平数据行称为“ 行(记录) ”,这意味着一个数据块。 一个垂直列的数据称为“ ”,每个质量的数据称为“ 单元 ”,每个数据的值放在单元格中。 行(记录),列(列),单元格 ”“是管理数据库中数据的Excel和SQL的通用概念,因此请务必记住它们。

用于在HTML中显示表格的标记

在HTML中,使用以下标记显示表。

·〜

它是一个创建表的标签。

·〜表记录

汇总由表创建的一个水平列的数据(行)。

·〜表数据

它是单元格的元素,表示表值(数据)。

·〜表主题

它是单元格的元素,表示表格的标题。

我们来看一个例子。

如果将“border =”1“”添加到标记,将显示边框。

在标记中,为标记中的每个数据指定一行,并在其中输入标记中的数据。 我们将数据标题放在标签中。

日语英语

东京
东京

大阪
大阪

当它用浏览器确认时,会显示如下。

tabletag

显示表格,标签包围的部分为粗体。 标记将一个水平行中的数据组织为“行”,并显示构成该行的值。

20160620

Sugoi! 似乎很难记住td或th,但它恰到好处!

20163020-2

对于th标签,为了使其变粗,可以首先练习制作仅带有td标签的表格!

20160620

我会一点一点地记得!

20163020-2

好吧,接下来,我会解释一下这个应用! 来吧!

应用:总结表结构

表可以使用标记来组织表的结构。

每个标签具有以下含义。

·〜桌头

表示表的标题部分(在标记内)。

·〜桌体

意味着桌子的身体部分。

·〜桌脚

它表示表格的页脚部分。

·colspan属性

结合细胞 “Colspan =”n“”表示“连接n个细胞”。

使用前面创建的表中的标记和标记,让我们添加一行(记录),其中包含一个名为“特殊项目”的列和一个简短注释。

由于注释不能适合这里的一个单元格,因此colspan用于连接单元格。 “Colspan =”3“”表示将3个细胞放在一起。

欢迎来到日本!

使用标签将表放在一起时如下。

tabletag2

虽然它似乎没有在浏览器中反映出外观,但随着表格越来越大,越来越复杂,如果你保持表格结构紧密,以后编辑会更容易。 记住作为表的结构元素。

这次我介绍了如何在HTML中显示表格

如果您想了解有关HTML基础知识的更多信息,还可以了解 。

20160620

我现在将三个水平行连接成一个,但你也可以连接垂直行吗?

20163020-2

当然! 垂直编辑td标签,但如果你写“东京”,你可以显示两个垂直列作为东京!

20160620

出乎意料的是表格很有用!

20163020-2

您也可以更改边框设计并将其着色,如果您有其他不明白的东西,请聆听它♪

20160620

进入! 谢谢!

[注意] TechAcademy有一个 ,即使是初学者也可以在8周内发布他们的原始网站。 您可以从HTML的基础知识中学习。