您现在的位置:科汛网络开发 >> 站长充电站 >> HTML基础 >> 浏览文章

html表格标记
来源:不详 作者:佚名 更新时间: 2009年03月16日 点击:

表格标志

创建一个表格
表格中的每一行
表格中一行中的每一个格子
设置表格头:通常是黑体居中文字
设置边框的宽度
设置表格格子之间空间的大小
设置表格格子边框与其内部内容之间空间的大小
设置表格的宽度。用绝对像素值或总宽度的百分比
设置表格格子的水平对齐方式(左中右)
设置表格格子的垂直对齐方式(上中下)

  设置标题位于表格下方:

     


表格尺寸设置

表格的大小

  一般情况下,表格的总长度和总宽度是根据各行和各列的总和自动调整的,如果我们要直接固定表格的大小,可以使用下列方式:

           

设置一个表格格子跨占的列数(缺省值为1)  
设置一个表格格子跨占的行数(缺省值为1)  
禁止表格格子内的内容自动断行

http://www.aspxuexi.com

提供

表格的标题
  表格标题的位置,可由ALIGN属性来设置,其位置分别由表格上方和表格下方。下面为表格标题位置的设置格式。

  设置标题位于表格上方:

    

... ...

  width和height属性分别指定表格一个固定的宽度和长度,n1和n2可以用像素来表示,也可以用百分比(与整个屏幕相比的大小比例)来表示。

  下表是一个长为200像素,宽为100像素的表格。


     
       

  下表是一个长为屏幕的20%,宽为屏幕的10%的表格。




边框尺寸设置

  边框是用border属性来体现的,它表示表格的边框边厚度和框线。将border设成不同的值,有不同的效果。

如:





定货单
苹果香蕉葡萄
200公斤200公斤100公斤









定货单
苹果香蕉葡萄
200公斤200公斤100公斤






定货单
苹果香蕉葡萄
200公斤200公斤100公斤


格间线宽度

  格与格之间的线为格间线,它的宽度可以使用中的CELLSPACING属性加以调节。格式是:

        #表示要取用的像素值

例:





定货单
苹果香蕉葡萄
200公斤200公斤100公斤



内容与格线之间的宽度

  我们还可以在中设置CELLPADDING属性,用来规定内容与格线之间的宽度。格式为:

             #表示要取用的像素值

例:





定货单
苹果香蕉葡萄
200公斤200公斤100公斤



表格内文字的对齐/布局



  表格中数据的排列方式有两种,分别是左右排列和上下排列。左右排列是以ALIGN属性来设置,而上下排列则由VALIGN属性来设置。其中左右排列的位置可分为三种:居左(left)、居右(right)和居中(center);而上下排列基本上比较常用的有四种:上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)。


  #=left, center, right






  #=top,middle,bottom,baseline




左右排列



  

  
居左居中居右
A B C






上下排列



    

    
热门文章
上齐居中 下齐基线
A B CD
· Photoshop制作漂亮的彩色光丝
· 超强人物脸部及皮肤的综合美化
· Photoshop制作可爱的卡通雪人
· Photoshop制作Windows 7风格导航
· 教你快速用PS加强照片的亮度及清
· [贴图]Photoshop打造超经典的雪域
· Photoshop调出美女脸部红润的肤色
· 13、CSS字体属性
· 12、CSS常用文本属性
· 11、CSS背景属性
推荐文章