当前位置:Gxlcms > html代码 > HTML表格标记教程(1):制作表格_HTML/Xhtml_网页制作

HTML表格标记教程(1):制作表格_HTML/Xhtml_网页制作

时间:2021-07-01 10:21:17 帮助过:20人阅读

这是脚本之家给大家提供的系列教程,主要是为初学者讲解网页中表格的应用,包括最基础的知识,表格的一些技巧等,希望大家支持脚本之家。
表格是用于排列内容的最佳手段,在HTML页面中,绝大多数页面都是使用表格进行排版的。但是现在的技术里,有人提出了用DIV CSS制作网页,主要目的是简化网页的代码,现在好多站都已经实现了DIV CSS布局,但是在网页制作过程中我们学习表格的制作方法还是非常有必要的,所以专门给大家讲解下。
在HTML的语法中,表格主要通过3个标记来构成,表格标记、行标记、单元格标记。如下表所示:
表 格 标 记
标 记 描 述
表格标记 … 行标记 … 单元格标记
基本语法
01
02
03
04 …
05
06
07
08…
09
10 ……
11

语法解释
标记代表表格的开始,标记代表行开始,而 之间的就是单元格的内容。这几个标记之间是从大到小,逐层包含的关系,由最大的表格,到最小的单元格。一个表格可以有多个和
标记,分别代表多行和多个单元格。
文件范例:10-1.htm
通过、、
标记制作一个三行两列的表格。
01
02
03
04
05
06
07 制作表格
08
09
10

主流的网页设计软件


11
12
13
14
15
16
17
18
19
20
21
22
23
24
网页图像软件Fireworks
网页制作软件Dreamweaver
网页动画软件Flash

25
26
文件说明
第11行到第24行是一个完整的表格,第12行到第15行为表格的第1行,第16行到第19行为表格的第2行,第20行到第23行为表格的第3行。

人气教程排行