HTML表格标记制作表格教程

这是网页教学网给大家提供的系列教程,主要是为初学者讲解网页中表格的应用,包括最基础的知识,表格的一些技巧等,希望大家支持网页教学网。

表格是用于排列内容的最佳手段,在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行。

时间: 2024-12-30 13:33:00

HTML表格标记制作表格教程的相关文章

HTML教程:制作表格嵌套

        在页面中,排版是通过表格的嵌套来完成的.即一个表格内部可以套入另一个表格.原因如下: 首先,网页的排版会很复杂,在外部需要有一个表格控制总体布局.如果这时一些内部排版的细节也通过总表格来实现,容易引起行高列宽等的冲突,给表格制作带来困难. 其次,浏览器在解析网页的时候,是将整个表格的结构下载完毕之后才显示表格.如果不使用嵌套,表格非常复杂,浏览者要等待很长时间才能看到网页的内容. 出于这些原因,引入嵌套表格.由总表格负责整体的排版,由嵌套的表格负责各个子栏目的排版,并插入到总表格

excel如何制作表格

        本教程为Excel入门教程,详细介绍一般excel表格的制作过程.制作表格前需要你在心里先构思下表格的大致布局和样式,以便实际操作的顺利完成.           1.新建一个excel文件.         2.在草纸上画好草稿,将需要数据的表格样式及列数和行数确定.比如我需要建立一个五行六列的表格,最上面是标题行.         3.在新建excel中,用鼠标选中需要的表格行数列数,然后点右键,"设置单元格格式"--"边框",在"预置

excel怎么制作表格

本教程为Excel入门教程,详细介绍一般excel表格的制作过程.制作表格前需要你在心里先构思下表格的大致布局和样式,以便实际操作的顺利完成. 1.新建一个excel文件. 2.在草纸上画好草稿,将需要数据的表格样式及列数和行数确定.比如我需要建立一个五行六列的表格,最上面是标题行. 3.在新建excel中,用鼠标选中需要的表格行数列数,然后点右键,"设置单元格格式"--"边框",在"预置"中根据需要选择"外边框"."

WPS表格怎么制作九九乘法表

  WPS表格怎么制作九九乘法表?大家对九九乘法表都很熟悉吧,我们在小学的时候就背的滚瓜烂熟了,下面小编就给大家带来WPS表格制作九九乘法表教程. 1.建立一个空白表格,在A1输入1,拖动鼠标左I向右至I1.向下至A9,这样A1到I1.A1到A9内就分别输入1到9 2.在A10内输入公式"=IF(AND($A1>=A$1,COLUMN()<11,ROW()<19),A$1&"×"&$A1&"="&$A1*A

Excel制作表格方法

本教程为Excel入门教程,详细介绍一般excel表格的制作过程.制作表格前需要你在心里先构思下表格的大致布局和样式,以便实际操作的顺利完成. 1.新建一个excel文件. 2.在草纸上画好草稿,将需要数据的表格样式及列数和行数确定.比如我需要建立一个五行六列的表格,最上面是标题行. 3.在新建excel中,用鼠标选中需要的表格行数列数,然后点右键,"设置单元格格式"--"边框",在"预置"中根据需要选择"外边框"."

HTML彻底剖析(7)表格标记

■ 表格标记 <TABLE> <TR> <TD> <TH> <CAPTION> 欲明白本篇[HTML彻底剖析]之标记分类,请看 [标记一览]. 也请先明白围堵标记与空标记的分别,请看 [HTML概念]. ■ <TABLE> <TR> <TD> : ▲Top <TABLE>...</TABLE>用法: 创建一个表格开始/结束标识: 必须/必须属性: %coreattrs,%i18n,%ev

网页设计用好HTML表格标记及属性

设计|网页|网页设计 表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格.使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观. 常用表格标记 <TABLE>...</TABLE> 表格指令 . 相关属性 : · ALIGN 调整 · BGCOLOR 背景颜色 · BORDER 边框 · HEIGHT 高度 · WIDTH 宽度 <CAPTION>...</CAPTION> 表格标题 . 相关属性 : · ALIGN 调整 &l

HTML语言剖析(七)表格标记

<TABLE> <TR> <TD> <TH> <CAPTION> ■ <TABLE> <TR> <TD> :   这三个标记是定义表格的最重要的标记,可以说只学这三个己足够. <TABLE>是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在他的 范围内才适用,属容器标记的还有其他. <TR>用以标示表格列(row) <TD>用以标示储存格(cell) <T

表格标记

<TABLE> <TR> <TD> <TH> <CAPTION> ■ <TABLE> <TR> <TD> : ▲Top 这三个标记是定义表格的最重要的标记,可以说只学这三个己足够. <TABLE>是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在他的 范围内才适用,属容器标记的还有其他. <TR>用以标示表格列(row) <TD>用以标示储存格(cell) &l