国产一级一区二区_segui88久久综合9999_97久久夜色精品国产_欧美色网一区二区

掃一掃
關注微信公眾號

html第五講
2007-09-26   網絡

表格在瀏覽器屏幕上左對齊,你可以使用<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第六講

分享到: 收藏
国产一级一区二区_segui88久久综合9999_97久久夜色精品国产_欧美色网一区二区
亚洲综合色视频| 国产欧美韩国高清| 欧美精品尤物在线| 欧美日韩一区成人| 国产日韩精品在线| 亚洲经典三级| 亚洲制服丝袜在线| 欧美第一黄色网| 99视频有精品| 欧美一级久久久久久久大片| 久久日韩精品| 国产欧美视频一区二区| 99精品国产高清一区二区| 久久青青草综合| 国产日韩免费| 中文有码久久| 欧美色欧美亚洲另类七区| 亚洲国产精品第一区二区三区| 午夜欧美大片免费观看| 欧美视频一区| 中国女人久久久| 欧美三区在线| 国产精品99久久不卡二区| 你懂的国产精品| 亚洲激情成人在线| 免费一级欧美在线大片| 亚洲国产导航| 欧美精品一区二区三区久久久竹菊| 精品成人乱色一区二区| 浪潮色综合久久天堂| 欧美视频免费在线观看| 亚洲网站在线| 国产日韩欧美精品综合| 久久久久九九九| 亚洲电影免费观看高清完整版在线观看| 欧美在线视频日韩| 91久久国产综合久久| 欧美日韩视频在线第一区| 亚洲午夜精品一区二区三区他趣| 国产精品日韩一区二区三区| 亚洲欧美日韩精品久久亚洲区 | 国产精品激情偷乱一区二区∴| 在线日韩电影| 欧美日韩一二三区| 欧美主播一区二区三区| 亚洲每日在线| 国产欧美 在线欧美| 欧美激情精品久久久久久变态| 一区二区不卡在线视频 午夜欧美不卡'| 欧美午夜片在线观看| 久久综合国产精品台湾中文娱乐网| 亚洲欧洲久久| 在线精品视频一区二区三四| 国产精品久久久99| 欧美日韩影院| 欧美精品一区二区三区一线天视频 | 欧美激情国产高清| 亚洲欧美不卡| 亚洲视频观看| 日韩网站在线看片你懂的| 狠狠色香婷婷久久亚洲精品| 国产精品久久久久7777婷婷| 免费观看成人www动漫视频| 欧美中文在线观看| 香港成人在线视频| 亚洲视频在线一区观看| 日韩视频永久免费| 亚洲精品一区二区三| 亚洲经典在线| 999亚洲国产精| 亚洲美女少妇无套啪啪呻吟| 尤物九九久久国产精品的分类| 亚洲第一精品久久忘忧草社区| 国一区二区在线观看| 国产日韩精品入口| 国内外成人免费视频| 亚洲高清色综合| 亚洲精品国产精品乱码不99| 在线观看视频免费一区二区三区| 国外成人性视频| 91久久国产自产拍夜夜嗨| 亚洲欧洲日产国产综合网| 日韩一级大片在线| 午夜精品婷婷| 免费观看一区| 国产精品第三页| 国产视频在线观看一区| 久久久久久久精| 免费在线看成人av| 欧美午夜寂寞影院| 国产一区二区三区奇米久涩| 一区二区三区在线视频播放| 最新中文字幕亚洲| 欧美一区在线看| 麻豆国产精品一区二区三区| 欧美日韩国产成人在线| 国产视频自拍一区| 亚洲深夜av| 久久综合导航| 国产欧美精品日韩| 一区二区三区产品免费精品久久75 | 亚洲日本久久| 欧美专区第一页| 欧美性天天影院| 亚洲精品久久久久久久久久久久| 亚洲午夜精品在线| 欧美日韩免费在线视频| 亚洲国产精品久久| 久久精品30| 国精品一区二区三区| 午夜免费在线观看精品视频| 欧美日韩一级片在线观看| 亚洲理论在线| 欧美日韩国产小视频在线观看| 亚洲高清一二三区| 欧美成人精品h版在线观看| 狠狠综合久久| 免费成人在线视频网站| 亚洲国产成人在线播放| 久久一区中文字幕| 亚洲国产高清aⅴ视频| 久久免费高清视频| 亚洲国产欧美在线| 欧美日韩亚洲在线| 亚洲一区二区三区视频播放| 国产精品成人va在线观看| 性欧美18~19sex高清播放| 国产乱码精品1区2区3区| 久久精品30| 亚洲精品综合精品自拍| 欧美日韩亚洲系列| 性欧美xxxx大乳国产app| 国产原创一区二区| 欧美日韩国产成人| 亚洲图片欧美一区| 国产一区二区三区久久精品| 蜜臀va亚洲va欧美va天堂 | 亚洲欧美日韩在线一区| 国产午夜精品福利| 欧美日韩国产成人在线免费 | 欧美日韩麻豆| 久久久久免费| 亚洲午夜精品在线| 亚洲精品日韩激情在线电影 | 国产一区二区三区四区| 欧美激情视频在线播放| 久久久久.com| 欧美一区中文字幕| 亚洲欧美国产精品专区久久| 亚洲欧洲精品天堂一级| 一区二区在线不卡| 国产在线观看精品一区二区三区| 国产精品国产三级欧美二区 | 欧美三级欧美一级| 欧美激情在线有限公司| 欧美国产日产韩国视频| 欧美国产日韩在线观看| 国产精品www色诱视频| 国产精品久久一级| 国产欧美日韩三区| 黄色日韩网站| 亚洲黄色av一区| 亚洲精品在线观| 一本久久a久久免费精品不卡| 亚洲视频在线观看| 久久不见久久见免费视频1| 欧美一级精品大片| 欧美91大片| 国产精品久久久久久久app| 国产亚洲一区二区三区| 亚洲国产精品va在看黑人| 一本色道久久加勒比精品| 性久久久久久| 欧美日韩国产精品一卡| 国产欧美精品xxxx另类| 亚洲人成在线观看| 中文av一区特黄| 欧美一区二区网站| 欧美精品激情在线| 国产一区二区三区四区| 亚洲国产精品ⅴa在线观看 | 国产精品成人一区二区艾草| 国产午夜久久| 亚洲欧美精品伊人久久| 欧美sm视频| 国产日韩亚洲欧美精品| 亚洲午夜激情免费视频| 欧美日本国产精品| 亚洲欧洲在线看| 麻豆精品精华液| 国内一区二区在线视频观看| 亚洲中无吗在线| 国产精品家教| 亚洲欧美成人网| 国产精品一二三| 久久爱www久久做| 国产在线观看精品一区二区三区| 在线综合亚洲欧美在线视频| 欧美日韩国产a| 亚洲综合另类|