如何动手写移动Web网站：[2]HTML中的表格

来源：互联网 2023-03-16 19:19:40 版权归原作者所有，如有侵权，请联系我们

html中的表格, 该内容算是在html中展现数据使用最多的一种方式了. 我这人做东西还有学习一个东西的时候, 都是直接拿来语法, 先去尝试去做一些东西, 这样可以做出来一些效果, 而且还有可能做不出来, 在做不出来的时候, 就有动力去查一些东西了. 跟着我! Let's go!

工具/原料

一个文本编辑器即可，这样就可以书写html的代码。还是推荐一个可以语法高亮的编辑器，比方说，notepad /

方法/步骤1

表格中使用table这个标签来标识是一个表格内容. 一个完整的表格是由三部分来完成的.分别为:thead表格的页眉 tbody表格的内容 tfoot 表格的页脚. 然后tr行标签, td列标签. th表格的表头

如何动手写移动Web网站：[2]HTML中的表格

在表格中tr就是代表着是行的概念，和我们现实中的行是一个概念， td 代表着列。它就像我们小时候的时候，写的田字格，然后里面一个一个的字，就是一行里面的一列一列。所以tr行中可以有td, 这里我们在table中加入一个border="1"。这个意思为了在table上加上一个边框，更容易让大家看明白更加清晰。

如何动手写移动Web网站：[2]HTML中的表格

可以针对table做其中的内容对齐，比方说：我先在想让一行数据，居中显示内容。那我们可以使用align属性来显示, 为了更好的显示内容对齐方式内容。小编这里使用了一个width的属性，意思是让展现的内容长度为500px（像素），图一代码，图2展示效果。这个是对齐方式，总共有3中，分别试：居左，居右和居中。 align="left", align="right", align="center"

如何动手写移动Web网站：[2]HTML中的表格