标题标题  显示论坛会员列表名单  搜索论坛搜索  HelpHelp
  注册注册  登入登入
ASP教学区
 DoReMe : ASP教学区
主题 话题: 第六章 中级HTML 回复发表新主题
作者
贴子内容 << Prev Topic下一个主题 >>
osste
Newbie
Newbie


加入: 2004/5月/08
Online Status: Offline
回复: 29
Posted: 2004/11月/16 1:06下午 | IP记录 引用 osste

控制表格和表项的大小

某些时候你可能想让表格显示出来大一些,你可以用<TABLE>的WIDTH属性来控制表格的宽度,你可以为WID TH属性提供宽度的绝对值或相对值。

当为WIDTH属性提供宽度的绝对值时,你用象素来表示。例如,要建立一个宽为100个象素的表格,可以用<TABLE WIDTH=100>。当然,并不能保证表格显示出来恰好是你指定的宽度,表项中的内容可能会迫使表格显示出来比WIDT H属性指定的值要宽。

另外,你也可以用相对值来指定表格的宽度,例如,如果你想让表格占有整个浏览器屏幕那么宽,你可以用<TABLE WIDTH=「100%」>,同样地,如果你在WIDTH属性中指定的百分数太小的话,浏览器显示出来的表格就不是那个宽 度。

<HEIGHT>属性可以用来指定表格的整体高度,同样这个属性可取绝对值和相对值。但使用这个属性时要小心,即使 Microsoft和Netscape的浏览器都能正确解释它,但它并不是HTML 3.2规范中的一部分。

你也可以用<TD>和<TH>标识符的WIDTH和HEIGHT属性来控制表格中某一表项的大小,你必 须用绝对像素值来指定这些属性的值。你要知道当你设置这些值时,只不过是在为浏览器提供建议,浏览器尽量按你的意愿去做,但也有 可能不能完全按你指定的方式来显示一个表格。

Back to Top 查看 osste's 资料 搜索其它贴子 osste 访问 osste's
 
osste
Newbie
Newbie


加入: 2004/5月/08
Online Status: Offline
回复: 29
Posted: 2004/11月/16 1:06下午 | IP记录 引用 osste

在表格中加入颜色和图象

根据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&g t;标识符的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属性,通过为不同的表项使用不同的背景图象,你可以建 立一个可视性非常强的网页。

 

图6.21 使用背景图象的表格

Back to Top 查看 osste's 资料 搜索其它贴子 osste 访问 osste's
 
osste
Newbie
Newbie


加入: 2004/5月/08
Online Status: Offline
回复: 29
Posted: 2004/11月/16 1:07下午 | IP记录 引用 osste

妏蚚桶迹筳俴询?锋?伌拥

綅蚚桶迹斓褫眕偞?堤准都柲竘飷腔锋?伌拥ㄛ綅蚚桶迹斓褫眕准都?嫐腔参锋?甡祥肮腔髡夔煦伧祥肮腔窒煦﹝狟醱岆?瞰赽ㄩ

<HTML>

<HEAD> <TITLE> Table Page Layout </TITLE> </HEAD>

<BODY BGCOLOR=☆white★>

<TABLE BGCOLOR=☆yellow★WIDTH=☆100%★>

<TR>

<TD ALIGN=CENTER VALIGN=CENTER>

<FONT FACE=ARIAL SIZE=+2> Acme Industrial Products </FONT>

</TD>

</TR>

</TABLE>

<TABLE HEIGHT=?00%?ELLPADDING=20>

<TR>

<TD ALIGN=CENTER VALIGN=CENTER BGCOLOR=弎lue?gt;

<FORM METHOD=POST ACTION=?somedirectory/mypage.asp?gt;

<INPUT NAME=鐈ome?TYPE=廍UBMIT?VALUE=鐈OME?gt; <P>

<INPUT NAME=uy?TYPE=廍UBMIT?VALUE=UY?gt; <P>

<INPUT NAME=鐈elp?TYPE=廍UBMIT?VALUE=鐈ELP?gt; <P>

</FORM>

</TD>

<TD ALIGN=CENTER VALIGN=CENTER>

<TABLE HEIGHT=?00%?ALIGN=CENTER CELLSPACING=50>

<TR>

<TD>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

At Acme Industrial, you can buy the latest

manufacturing equipment at the lowest prices.

We have a commitment to quality that has been

unserpassed for over 50 years.

Browse our store and make up your own mind!

</TD>

</TR>

<TR VALIGN=弎ottom?gt;

<TD>

<FONT SIZE= -1> &copy; 1997 by Acme Industrial.

Any questions about this web site? Contact the

<A HREF=ailto: webmaster@acme.com?gt; webmaster </A>

</TD>

</TR>

</TABLE>

</TD>

</TR>

</TABLE>

</BODY>

</HTML>

稛?瞰赽妏蚚賸饷?桶迹ㄗ?6.22ㄘ﹝珨?蚚黺婓亅趸腔淏奻源鞞尨禅觳Acme Industrial Productsㄛ稛?桶迹腔掖劓?伎岆伎﹝WIDTH宖俶掩偞鲉☆100ㄔ★ㄛ垀眕稛?桶迹椙畻闸湮鲉淕?亅趸腔?仅﹝

菴媪?桶迹掩蚚侓婓亅趸酘?膘蕾珨?偌漃皩ㄛ稛?桶迹腔掖劓伎岆芅伎ㄛ衄饷?Submit偌漃ㄛ褫?椙HTML敦闚睿桶迹髦磁 婓珨お岆嗣?嫐﹝鍚俋ㄛ?猁蛁砩崋畭妏蚚CELLPADDING宖俶侓椙偌漃?奻腔桶迹?赐颚裁﹝

郔摽ㄛ菴饷?桶迹ズ杶婓ゴ珨?桶迹笢ㄛ坳婓亅趸衵?鞞尨賸锋?腔翋闚恅趼﹝稛?桶迹岆ズ杶腔ㄛ稛畭坳符畻鞞尨婓偌漃皩腔衵?ㄛ奥 祥岆婓坳腔狟?﹝稛?桶迹籵綎坳垀妇漪腔桶?腔硉侓筳俴攼榘﹝

 

6.22 妏蚚桶迹筳俴询?锋?伌拥

Back to Top 查看 osste's 资料 搜索其它贴子 osste 访问 osste's
 
osste
Newbie
Newbie


加入: 2004/5月/08
Online Status: Offline
回复: 29
Posted: 2004/11月/16 1:07下午 | IP记录 引用 osste

表格作为子页

<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。在学完下一章后,你就可以设计出任何你曾经看过,甚至想过的。

Back to Top 查看 osste's 资料 搜索其它贴子 osste 访问 osste's
 

如果你想回复的话你必须首先 login
如果你还没有注册的话你必须首先 注册

<< 上一页 页 of 3
  回复发表新主题
显示可打印的页面 显示可打印的页面

论坛跳转
不能 张贴新论题在这个讨论版
不能 回应论题在这个讨论版
不能 删除你的发言在这个讨论版
不能 编辑你的发言在这个讨论版
不能 新增投票标题在这个讨论版
不能 在这个讨论版投票

Edit by doreme Forums version 2004
Welcome ©2001-2004 doreme Guide

This page was generated in 0.2030 seconds.

 
保养品
保养品, Skin Care
www.elady.tw
美材批发
美材, Cosmetic
www.elady.tw/beauty_org
保养品批发
名牌保养品、保养品批发
gb.perfume.com.tw/skincare
饰品批发
饰品、饰品批发
gb.perfume.com.tw/ornament