国产一级一区二区_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久久夜色精品国产_欧美色网一区二区
日韩av高清在线观看| 日韩美女久久久| 国产日本欧洲亚洲| 蜜桃久久精品一区二区| 日韩视频一区二区三区在线播放| 亚洲成人一区二区在线观看| 欧美三级中文字幕在线观看| 日韩精品一二三区| 精品免费日韩av| 成人黄色一级视频| 亚洲一级二级在线| 2021国产精品久久精品| 91色在线porny| 久草精品在线观看| 亚洲精品成a人| 久久久国产精品午夜一区ai换脸| 日本韩国欧美一区二区三区| 美国十次了思思久久精品导航| 欧美激情一区二区三区蜜桃视频| 在线免费观看不卡av| 国产一区二区三区| 亚洲午夜激情av| 国产日韩欧美a| 在线不卡中文字幕| 99久久综合国产精品| 麻豆精品视频在线观看免费| 亚洲精品第一国产综合野| 精品人在线二区三区| 欧美亚一区二区| 成人h动漫精品一区二| 免费人成网站在线观看欧美高清| 日本一区二区成人| 欧美成人aa大片| 欧美日韩精品久久久| 色综合一区二区| 欧美亚洲禁片免费| 国产精品一区二区免费不卡| 亚洲一区二区三区中文字幕 | 国产日韩欧美a| 欧美人牲a欧美精品| 99久久精品国产一区| 国产高清在线观看免费不卡| 欧美a级理论片| 午夜精品久久久久久久99樱桃| 国产精品欧美一区二区三区| 久久人人97超碰com| 日韩欧美亚洲另类制服综合在线| 欧美三级在线播放| 在线亚洲一区二区| 在线观看三级视频欧美| 一本大道久久a久久精二百| 国产成人精品亚洲日本在线桃色| 久久99精品国产91久久来源| 秋霞成人午夜伦在线观看| 天天操天天色综合| 日韩在线一区二区| 蜜桃视频一区二区三区| 免费人成黄页网站在线一区二区| 日韩中文欧美在线| 国内精品伊人久久久久av一坑| 精品一区二区在线看| 国产又黄又大久久| 国产成人免费视频| 不卡的av电影| 欧美影院一区二区三区| 欧美亚洲一区二区在线| 91精品在线一区二区| 日韩欧美高清在线| 欧美激情艳妇裸体舞| 最新日韩在线视频| 午夜视频在线观看一区| 捆绑变态av一区二区三区| 国产一区二区三区在线看麻豆| 成人黄色综合网站| 欧美日韩国产系列| 精品国产三级a在线观看| 欧美国产日本视频| 亚洲精品高清在线| 精品无码三级在线观看视频 | 国产精品中文字幕日韩精品 | 懂色av一区二区三区免费看| 92国产精品观看| 欧美日韩国产一级二级| 久久人人爽爽爽人久久久| 亚洲图片另类小说| 青青草国产成人av片免费| 丁香啪啪综合成人亚洲小说| 欧美色综合网站| 久久久精品一品道一区| 亚洲不卡av一区二区三区| 激情文学综合丁香| 欧美系列日韩一区| 国产午夜亚洲精品羞羞网站| 一区二区三区美女视频| 国产一区激情在线| 欧美日韩国产不卡| 国产精品久久久久久久午夜片| 午夜在线成人av| 9l国产精品久久久久麻豆| 日韩一卡二卡三卡| 亚洲欧美一区二区不卡| 激情图片小说一区| 欧美三级电影一区| 中文字幕一区三区| 国产91在线观看丝袜| 91精品国产色综合久久不卡电影| 国产精品日产欧美久久久久| 日本在线播放一区二区三区| 91网上在线视频| 国产欧美日韩三区| 日韩中文字幕亚洲一区二区va在线| 99久久99久久久精品齐齐| 久久久综合视频| 蜜臀va亚洲va欧美va天堂| 欧美视频一区二区三区在线观看| 欧美国产一区视频在线观看| 久久er精品视频| 日韩一区二区在线看片| 亚洲大片免费看| 欧美亚洲禁片免费| 亚洲国产视频网站| 日本乱人伦aⅴ精品| 欧美激情一区三区| 成人a免费在线看| 国产精品夫妻自拍| 成人污视频在线观看| 国产三级精品视频| 国产福利一区二区三区| 久久伊99综合婷婷久久伊| 日本91福利区| 欧美一级二级在线观看| 日韩激情在线观看| 欧美一区二区三区四区视频| 日本视频中文字幕一区二区三区| 欧美日韩国产不卡| 毛片av一区二区三区| 精品欧美久久久| 国产**成人网毛片九色| 国产精品国产自产拍高清av王其| 国产在线视频一区二区| 国产日韩欧美制服另类| 91麻豆文化传媒在线观看| 亚洲精品一二三| 欧美精品九九99久久| 另类成人小视频在线| 久久久久国产成人精品亚洲午夜 | 久久66热偷产精品| 国产性做久久久久久| 99精品视频一区二区三区| 亚洲国产精品天堂| 欧美成人一区二区三区片免费 | 日韩精品中午字幕| 国内精品不卡在线| 国产精品国产三级国产a| 色美美综合视频| 奇米色777欧美一区二区| 久久久国际精品| 在线精品视频小说1| 美女mm1313爽爽久久久蜜臀| 奇米在线7777在线精品| 26uuu亚洲综合色欧美| 北条麻妃国产九九精品视频| 亚洲小说春色综合另类电影| 日韩丝袜情趣美女图片| 成人av网站在线观看免费| 亚洲va国产va欧美va观看| 国产日本欧美一区二区| 欧美日韩一区二区在线观看 | 精品视频一区二区不卡| 国产伦理精品不卡| 亚洲精品成人悠悠色影视| 精品国产一区二区三区忘忧草 | 欧美精三区欧美精三区| 国产成人综合精品三级| 午夜精品123| 最新国产精品久久精品| 日韩三级免费观看| 在线精品视频免费观看| 成人午夜又粗又硬又大| 奇米精品一区二区三区在线观看| 亚洲欧美另类小说| 国产亚洲污的网站| 91.com视频| 在线亚洲精品福利网址导航| 成人午夜精品一区二区三区| 久久精品久久99精品久久| 亚洲午夜成aⅴ人片| 成人免费一区二区三区视频| 精品播放一区二区| 91精品中文字幕一区二区三区| 日本韩国精品在线| 成人18视频日本| 国产成人综合在线播放| 蜜臀精品一区二区三区在线观看| 亚洲高清视频在线| 一区二区三区产品免费精品久久75| 国产欧美一区二区精品久导航| 精品国偷自产国产一区| 欧美成人免费网站| 欧美成人性战久久|