HTML表格标记:单元格的垂直对齐属性VALIGN

在垂直方向上,可以设定单元格的对齐方式,分别有居上、居中、居下3种。
基本语法
<TD VLIGN="TOP">
<TD VLIGN="MIDDLE">
<TD VLIGN="MOTTOM">
语法解释
TOP为居上,MIDDLE为居中,MOTTOM为居下。
文件范例:10-31.htm
设定单元格的垂直对齐方式。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-31.htm -->
03  <!-- 文件说明:设定单元格垂直对齐 -->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>设定单元格垂直对齐</TITLE>
08  </HEAD>
09  <BODY>
10  <H1>主流的网页设计软件</H1>
11  <TABLE BORDER=3 WIDTH=400 HEIGHT=200 Bordercolor=#336699 Background=10-8.jpg>
12  <TR>
13  <TD VALIGN="Top">网页图像软件</TD><TD>Fireworks</TD>
14  </TR>
15  <TR>
16  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
17  </TR>
18  <TR>
19  <TD>网页动画软件</TD><TD>Flash</TD>
20  </TR>
21  </TABLE>
22  </BODY>
23  </HTML>
文件说明
第13行定义了单元格的垂直对齐方式为居上。

时间: 2024-09-18 05:04:26

HTML表格标记:单元格的垂直对齐属性VALIGN的相关文章

HTML表格标记:单元格的水平对齐属性ALIGN

在水平方向上,可以设定单元格的对齐方式,分别有居左.居中.居右3种.基本语法<TD ALIGN="LEFT"><TD ALIGN="CENTER"><TD ALIGN="RIGHT">语法解释LEFT为居左,CENTER为居中, RIGHT为居右.文件范例:10-30.htm设定单元格的水平对齐方式.01  <!-- ------------------------------ -->02  <

HTML表格:关于行的垂直对齐属性VALIGN

HTML表格标记教程(25):行的垂直对齐属性VALIGN在垂直方向上,可以设定行的对齐方式,分别有居上.居中.居下3种.基本语法<TR VALIGN="TOP"><TR VALIGN="MIDDLE"><TR VALIGN="BOTTOM">语法解释TOP为居上,MIDDLE为居中,BOTTOM为居下.文件范例:10-23.htm设定行的垂直对齐方式.01  <!-- -----------------

用FrontPage2003的“布局表格和单元格”功能布局网页

frontpage|单元格|网页 很多朋友对FrontPage2003中增加的网页布局功能很感兴趣,现在我们一起来深入了解这一实用功能. 用FrontPage2003的"布局表格和单元格"功能布局网页时,需要通过两部分来完成. 首先通过"布局表格"功能来为网页布局创建一个框架,然后通过"布局单元格"功能为该框架填充包含有网页内容(包括文本.图像.Web部件和其他元素)的区域,也就是单元格. 下面我们就以设置一个单位网站首页为例来了解一下用布局表格

Dreamweaver中如何调整表格和单元格的大小

  今天小编为大家介绍一下如何调整表格和单元格的大小,下面一起来看看吧. 修改表格大小 首先选中表格,在属性窗口中我们就可以调整表格的宽度. 修改单元格大小 首先将光标放置到所需要修改的单元格中,在属性窗口中我们可以找到宽和高,对其进行填写就可以修改单元格的大小了.

wps表格中单元格如何完全合并

  将wps表格中单元格完全合并的方法 第一步:打开要操作WPS或Excel的表格.选择要合并的WPS或Excel的表格的两行或多行. 第二步:在WPS或Excel的表格合并的项行后面选择或插入新的一列或一行,然后在第一个空格输入"="号.如下图 第三步:然后我们用鼠标点击要合并的第一行的第一个内容格(即相对应等号的那一列)在等号后就会出现该内容格的坐标.如下图 第四步:然后我们用键盘上shift+7输入符号&,(即先按键盘上的shift,然后再按数字7键,注意:不是小键盘上的

Wps表格隐藏单元格和取消隐藏的方法

  今天,我们将要学习的是WPS表格隐藏表格的方法.说到隐藏表格,其实是指隐藏单元格的数据,可以是单一的单元格数据被隐藏,也可以是整行或者整列的数据被隐藏.下面就一起看看小编争论的WPS表格隐藏单元格的两种方法!当然,在本篇教程中,小编也会教大家将隐藏的单元格通过设置取消隐藏的方法. 首先是Wps隐藏单元格,分为两种方式. 方法一:请看下图这张表格,第一步:我们如果只想隐藏其中 "2" 这个内容,我们需要全选表格,然后点击工具栏中的格式-条件格式. 第二步:然后在条件格式设置中,我们设

Excel表格合并单元格快捷键设置方法

  大家都知道在Excel表格的使用过程,常常需要使用到"合并单元格"的这个功能.而需要操作"合并单元格"功能的时候,都需要将手移到鼠标上进行选择,非常费时间.如果有"合并单元格"的功能快捷键就方便多了!今天,小编就给大家介绍一下Excel表格表格合并单元格快捷键设置方法.赶紧来学习一下吧! 一.Excel表格合并单元格快捷键简单用法: 1.先合并一次单元格,然后合并单元格的快捷键就便车了:Alt+回车. 2这个方法适合短暂的使用合并单元格的快捷

frontpage2003教程之布局表格和单元格

  FrontPage2003 的"布局表格和单元格"功能可以布局网页,很多小伙伴对FrontPage2003的这个功能非常感兴趣.今天超人软件小编就详细介绍一下这个FrontPage2003教程,告诉大家 FrontPage2003 怎么用这个功能. 用FrontPage2003的"布局表格和单元格"功能布局网页时,需要通过两部分来完成. 首先通过"布局表格"功能来为网页布局创建一个框架,然后通过"布局单元格"功能为该框架填

jquery操作表格 合并单元格

jquery操作table,合并单元格,合并相同的行   合并的方法 $("#tableid").mergeCell({ cols:[X,X] ///参数为要合并的列}) /** * 操作表格 合并单元格 行 * 2016年12月13日16:00:41 */ (function($) { // 看过jquery源码就可以发现$.fn就是$.prototype, 只是为了兼容早期版本的插件 // 才保留了jQuery.prototype这个形式 $.fn.mergeCell = func