HTML表格标记教程(1):制作表格
导读：收集整理的这篇文章主要介绍了HTML表格标记教程(1 :制作表格，觉得挺不错的，现在分享给大家，也给大家做个参考。 这是给大家提供的系列教程，主要是为初学者讲解网页中表格的应用，包括最基础的知识，表格的一些技巧等，希望大家支持。表...
收集整理的这篇文章主要介绍了HTML表格标记教程(1):制作表格，觉得挺不错的，现在分享给大家，也给大家做个参考。 这是给大家提供的系列教程，主要是为初学者讲解网页中表格的应用，包括最基础的知识，表格的一些技巧等，希望大家支持。
表格是用于排列内容的最佳手段，在HTML页面中，绝大多数页面都是使用表格进行排版的。但是现在的技术里，有人提出了用DIV CSS制作网页，主要目的是简化网页的代码，现在好多站都已经实现了DIV CSS布局，但是在网页制作过程中我们学习表格的制作方法还是非常有必要的，所以专门给大家讲解下。
在HTML的语法中，表格主要通过3个标记来构成，表格标记、行标记、单元格标记。如下表所示：
表 格 标 记
标 记 描 述 TABLE> …/TABLE> 表格标记 TR> …/TR> 行标记 TD> …/TD> 单元格标记
基本语法
01 TABLE>
02 TR>
03 TD> …/TD>
04 …
05 /TR>
06 TR>
07 TD> …/TD>
08…
09 /TR>
10 ……
11/TABLE>
语法解释
TABLE> 标记代表表格的开始，TR> 标记代表行开始，而 TD> 和/TD> 之间的就是单元格的内容。这几个标记之间是从大到小，逐层包含的关系，由最大的表格，到最小的单元格。一个表格可以有多个TR> 和TD> 标记，分别代表多行和多个单元格。
文件范例：10-1.htm
通过TABLE> 、TR> 、TD> 标记制作一个三行两列的表格。
01 !-- ------------------------------ -->
02 !-- 文件范例：10-1.htm -->
03 !-- 文件说明：制作表格 -->
04 !-- ------------------------------ -->
05 HTML>
06 HEAD>
07 TITLE> 制作表格/TITLE>
08 /HEAD>
09 BODY>
10 h1> 主流的网页设计软件/H1>
11 TABLE>
12 TR>
13 TD> 网页图像软件/TD>
14 TD> Fireworks/TD>
15 /TR>
16 TR>
17 TD> 网页制作软件/TD>
18 TD> Dreamweaver/TD>
19 /TR>
20 TR>
21 TD> 网页动画软件/TD>
22 TD> Flash/TD>
23 /TR>
24 /TABLE>
25 /BODY>
26 /HTML>
文件说明
第11行到第24行是一个完整的表格，第12行到第15行为表格的第1行，第16行到第19行为表格的第2行，第20行到第23行为表格的第3行。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML表格标记教程(1):制作表格
本文地址： https://pptw.com/jishu/587355.html