转自：https://i.cnblogs.com/posts?categoryid=1121494

缺省情况下，表格在浏览器屏幕上左对齐，你可以使用<TABLE>的ALIGN属性来指定表格的对齐方式。ALIGN属性可以取值left、center和right。例如，让一个表格在屏幕中央显示可以使用： 
　
<TABLE ALIGN=CENTER>
注意
使用<TABLE>的ALIGN属性要小心，不是所有的浏览器都能识别它。如果你要让表格显示在屏幕中央，使用<CENTER>标识符来包含表格会更安全些。
你可以使用<TR>的ALIGN属性来设置表格中每行元素的水平对齐方式，这个属性也可以取值left、center和right。要设置某一行中所有元素的竖直对齐方式，可以使用<TR>的VALIGN属性，它可以取值top、middle和botton（缺省情况下取值middle）。
要更好地控制表格中某个表头或元素的排列方式，可以使用<TH>和<TD>标识符的ALIGN和VALIGN属性，这两个属性的取值范围与<TR>相同，然而<TH>的<TD>ALIGN和VALIGN属性将会覆盖任何为整个一行指定的排列方式。
控制表项的空间
当浏览器显示一个表格时，它将每一列的宽度设置为这一列中最长表项的宽度。浏览器尽可能地占用较小的屏幕空间来紧密地排列表格中的每一项。你可以使用<TABLE>的CELLPADDING和CELLSPACING属性来改变这一缺省值。
通过使用CELLPADDING属性，你可以为表格中的每一项安排一个更大的空间，使用CELLSPACING属性，你可以为表项之间留出一定的空间。这两个属性的值都以象素来指定。下面的例子说明了如何使用这两个属性（见图6.20）：
<HTML>
<HEAD> <TITLE> Cell Spacing </TITLE></HEAD>
<BODY>
<TABLE BORDER=1>
<CAPTION> Normal Table </CAPTION>
<TR>
<TD> First Column </TD>
<TD>Second Column </TD>
</TR>
</TABLE>
<HR>
<TABLE BORDER=1 CELLSPACING=20>
<CAPTION> Table With Cell Spacing </CAPTION>
<TR>
<TD> First Column </TD>
<TD>Second Column </TD>
</TR>
</TABLE>
<HR>
<TABLE BORDER=1 CELLPADDING=20>
<CAPTION> Table With Cell Padding </CAPTION>
<TR>
<TD> First Column </TD>
<TD>Second Column </TD>
</TR>
</TABLE>
</BODY>
</HTML>
控制表格和表项的大小
某些时候你可能想让表格显示出来大一些，你可以用<TABLE>的WIDTH属性来控制表格的宽度，你可以为WIDTH属性提供宽度的绝对值或相对值。
当为WIDTH属性提供宽度的绝对值时，你用象素来表示。例如，要建立一个宽为100个象素的表格，可以用<TABLE WIDTH＝100>。当然，并不能保证表格显示出来恰好是你指定的宽度，表项中的内容可能会迫使表格显示出来比WIDTH属性指定的值要宽。
另外，你也可以用相对值来指定表格的宽度，例如，如果你想让表格占有整个浏览器屏幕那么宽，你可以用<TABLE WIDTH=100％>，同样地，如果你在WIDTH属性中指定的百分数太小的话，浏览器显示出来的表格就不是那个宽度。
<HEIGHT>属性可以用来指定表格的整体高度，同样这个属性可取绝对值和相对值。但使用这个属性时要小心，即使Microsoft和Netscape的浏览器都能正确解释它，但它并不是HTML 3.2规范中的一部分。
你也可以用<TD>和<TH>标识符的WIDTH和HEIGHT属性来控制表格中某一表项的大小，你必须用绝对象素值来指定这些属性的值。你要知道当你设置这些值时，只不过是在为浏览器提供建议，浏览器尽量按你的意愿去做，但也有可能不能完全按你指定的方式来显示一个表格。
在表格中加入颜色和图象
根据HTML 3.2规范，表格不具有任何颜色属性。然而，值得庆幸的是Netscape和Microsoft都扩展了HTML来让表格具有自己的背景色，两种浏览器都能识别<TABLE>标识符的BGCOLOR属性。
你可以使用颜色名或RGB值来设定BGCOLOR的值，下面的例子说明了这个属性的用法：
<HTML>
<HEAD> <TITLE> Table Color </TITLE> </HEAD>
<BODY BGCOLOR=white>
<CENTER>
<TABLE BGCOLOR=lightblue CELLPADDING=10>
<TR>
<TD> I have a blue background </TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
当这个例子中的文字在浏览器上显示时，它处于一个浅蓝色的框中，这对于突出主页上主体文字中某些特定的文本是很有用的。例如，你可以使用这种方法来突出一个引用、标题或是网页上一个简短的注释。
你也可以为表格中某一行甚至是某一个表项使用BGCOLOR属性。例如，可以用不同的颜色来区分表格中不同列的数据。
BGCOLOR属性的一个更令人兴奋的用处可能是设置你网页的整体颜色，如果你将表格的宽度设为屏幕的宽度，你可以建立一个具有多列的网页，而每一列都具有不同的颜色。下面的例子建立了一个有两列不同颜色的网页：
<HTML>
<HEAD> <TITLE> Two Color Columns </TITLE> </HEAD>
<BODY BGCOLOR=white>
<CENTER>
<TABLE WIDTH=100% HEIGHT=100%>
<TR>
<TD BGCOLOR=Olive ALIGN=center> I have a olive background </TD>
<TD BGCOLOR=Aqua ALIGN=center> I have a aqua background </TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
Netscape和Microsoft的浏览器都允许你为表格设定背景图片（见图6.21），你可以通过<TABLE>标识符的BACKGROUND属性来指定一幅图象：
<HTML>
<HEAD> <TITLE> Two Color Columns </TITLE> </HEAD>
<BODY BGCOLOR=white>
<CENTER>
<TABLE WIDTH=50% HEIGHT=100% BACKGROUND=myimage.gif>
<TR>
<TD ALIGN=center> I have a checkered background </TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
Netscape Navigator 4.0和Internet Explorer 3.0及4.0还允许你在表格的某一行或某个表项使用BACKGROUND属性，通过为不同的表项使用不同的背景图象，你可以建立一个可视性非常强的网页。
表格作为子页
<TABLE>标识符最初被引入HTML是用来格式化地显示信息。然而，随着时间的推移，这个标识符的属性被大大地扩充了，现在可以将<TABLE>看成是用来在网页中建立一个子页的标识符。这个标识符被扩展出了那么多的属性，以致于现在它很象<BODY>标识符了。在Netscape 和Microsoft的浏览器上，<TABLE>具有许多和<BODY>相同的属性，你可以为表格指定它自己的背景色和图象。另外<TABLE>标识符还能包含所有能在<BODY>中包含的HTML标识符。
然而，<TABLE>具有一个比<BODY>更大的优势，每一个HTML文件必须有且只有一个<BODY>标识符，但对于<TABLE>来说，则没有这种限制，你可以在HTML文件中包含任意数目的<TABLE>。
当你设计网页时，不要让<TABLE>这个名字愚弄了你。<TABLE>不仅仅用于建立表格，还可以在你的网页上建立子页，当你想把单个网页分成多个部分时，就用<TABLE>标识符。
小结
本章讲述了一些重要的HTML标识符。例如，你现在知道了如何建立HTML窗体来让你的网页具有交互性。你还学习了一些对信息进行列表的有用的HTML标识符。最后，你学习了怎样用表格来组织信息，以及怎样用表格来为你的网点进行高级网页布局。
下一章将介绍一些HTML中高级的标识符，你将学习怎样使用image map、框架及cascading style sheets。在学完下一章后，你就可以设计出任何你曾经看过，甚至想过的。

HTML基础第五讲---控制表格及其表项的对齐方式的更多相关文章

  1. [Swift通天遁地]二、表格表单-(12)设置表单文字对齐方式以及自适应高度的文本区域TextArea

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  2. 前端基础-html 列表标签,表格标签,表单标签

    一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项< ...

  3. c# iText 生成PDF 有文字，图片，表格，文字样式，对齐方式，页眉页脚，等等等，

    #region 下载说明书PDF protected void lbtnDownPDF_Click(object sender, EventArgs e) { int pid = ConvertHel ...

  4. HTML基础第六讲---表格

    转自:https://i.cnblogs.com/posts?categoryid=1121494 上一讲,讲了关于<控制表格及其表项的对齐方式>,在这里我要讲讲表格及其属性 ,然后大家在 ...

  5. HTML语言 网页制作-----标签、表格、表单、框架

    一:序 Html静态网页,内容(hyper text markup language,超文本标记语言) Css 网页美化 Javascript 脚本语言 二:html的介绍 <!DOCTYPE ...

  6. HTML——表格与表单

    1.表格 <table></table> background:背景图片. 属性 值 描述 align left center right 不赞成使用.请使用样式代替. 规定表 ...

  7. HTML day03表格与表单

    1.表格 一般格式: <table> <thead><!--表格头--> <tr> <th></th> </tr>& ...

  8. 【HTML基础】表格和表单

    本次博客的主要内容如下: meta和link 表格 表单 meta和link meta meta的属性有两种:name和http-equiv. name属性主要用于描述网页内容,对应与网页内容. 1. ...

  9. DOM之表格与表单基础分享

    我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节 ...

随机推荐

  1. Go 编码问题的解决方案

    1.首先需要mahonia 这个包 go get github.com/axgle/mahonia 然后新建一个 func src 字符串 srcCode 字符串当前编码 tagCode 要转换的编码 ...

  2. 访问API的方式为：localhost/api/customers, 创建自定义JSON格式化器

    注意的是,访问API的方式为:localhost/api/customers,在实际中将要根据情况替换合适的端口,默认所有的WEB API都是通过/api根目录的方式访问的 创建自定义JSON格式化器 ...

  3. 随机模拟的基本思想和常用采样方法（sampling）

    转自:http://blog.csdn.net/xianlingmao/article/details/7768833 引入 我们会遇到很多问题无法用分析的方法来求得精确解,例如由于式子特别,真的解不 ...

  4. 系统管理员的 SELinux 指南：这个大问题的 42 个答案

    安全.坚固.遵从性.策略是末世中系统管理员的四骑士.除了我们的日常任务之外 —— 监控.备份.实施.调优.更新等等 —— 我们还需要负责我们的系统安全.即使这些系统是第三方提供商告诉我们该禁用增强安全 ...

  5. Ubunut PPA源概述

    Ubuntu 自带的“软件”应用,可以安装海量软件,既包括发行者支持的软件.社区支持的软件,也包括专有驱动和版权软件.有时,我们需要的软件通过这些渠道仍然无法找到.这时,可以到 PPA 软件源中查找. ...

  6. 如何解决winxp访问win10共享打印机提示凭据不足

    Winxp访问win10共享的打印机,提示凭据不足时,如何解决,本篇经验将和大家分享下解决的办法,希望对大家的工作有所帮助! 方法/步骤     在win10的电脑上对着始按钮点鼠标右键,点击运行,或 ...

  7. Android基于XMPP Smack及Openfire学习笔记（1）

    之前开发的项目中实用到IM聊天功能.可是这块功能公司有专门的IM团队来开发,由他们开发好后.直接接入到我们APP中.我參与写IM相关功能非常地少,所以也一直想学习相关知识 . 眼下Android主要用 ...

  8. 发送邮件被退回，提示： Helo command rejected: Invalid name 错误

    我自己配置的 postfix + dovecot server, 配置了outlook 后, 相同的账号. 在有的电脑上能收发成功, 在有的电脑上发送邮件就出现退信.提示 Helo command r ...

  9. PopupWindow的一些属性

     void setOutsideTouchable(boolean touchable)            Controls whether the pop-up will be informed ...

  10. Zabbix快速入门

    模板的管理与使用 一 模板 模板是zabbix的核心,因为模板继承了所有要监控的内容,以及所要展示的图形等等,zabbix的安装部署完成之后,自带了很多模板(网络设备模板,操作系统模板,常用应用软件模 ...