网站地图    收藏   

主页 > 教程 > html视频教程 >

html语言视频教程 第06讲 表格的标记

来源:未知    时间:2014-06-21 23:19 作者:xbdadmin 阅读:

[导读] 本节html语言视频教程将给大家重点讲解表格标记,首先我们来看一下什么是表格,打开word文件,假如我们要做这样一件事,在这个页面上插入9张图片,现在我们在没有表格的情况上,能不能很...

 本节html语言视频教程将给大家重点讲解表格标记,首先我们来看一下什么是表格,打开word文件,假如我们要做这样一件事,在这个页面上插入9张图片,现在我们在没有表格的情况上,能不能很均匀的将这9张图片分成三行三列分布;大家看一下是不是很困难呢?怎么办呢,假如我们在这个页面上先插入一个三行三列的表格,然后将这几张图片分别放入到每个单元格中,是不是就分布的很好了,可见,表格是组织数据的一种十分有效的方式,将信息以表格的形式组织起来,可使大量的信息更容易浏览,故表格是表达信息的重要手段;同样,表格也是我们在前几年做的网站中最重要的布局网页的方法;

下面我就开始讲解在网页中表格的标记:主要有表格标记及各属性,表格中行标记,单元格标记,以及如何对单元格进行合并:
表格的html语法:
<table border=“” bordercolor=“” bgcolor=“” background=“” align=“” width=“” height=“” cellspacing=“” cellpadding=“”></TABLE>
 table标记定义了一个表格的开始,表格的所有内容,都在这一对双标记中间。border属性设置表格的边框的粗细,bordercolor属性表示边框线的颜色,bgcolor属性控制表格的背景颜色,background属性定义了表格的背景图片,align属性控制表格在页面中的位置,width和height属性表示表格的宽度和高度,cellspacing表示的是单元格和单元格之间的距离,cellpadding表示单元格内部内容和这个单元格边框之间的距离。

表格中有行标记:<tr></tr> TR标记定义了一个表行,这行表的内容都写在这对双标记中间。
 
行中有单元格标记:<td  width=“”  height=“”  background=“” bgcolor=“” align=“”  valign=“”  colspan=“”  rowspan=“”></td>  TD标记定义了一个表中的单元格,内容都写在这对双标记中间。标记中的WIDTH和HEIGHT属性分别设置了单元格的宽度和高度,BACKGROUND和BGCOLOR属性定义了单元格的背景图形和背景颜色,ALIGN、VALIGN属性表示单元格内容在本表数据中的水平对齐方式和垂直对齐方式。COLSPAN和ROWSPAN两个属性定义了单元格与相邻的单元格的合并方法。
 colspan为跨几列,主要是用来横向合并单元格,rowspan为跨几行,主要是用来纵向合并单元格
 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论