?? table.html
字號:
<html>
<head>
<title>table - HTML元素參考-HTML Elements Reference-網頁教程與代碼的中文站點-布啦布啦-blabla.cn</title>
<meta name="author" content="www.blabla.cn">
<meta name="keywords" content="table,HTML參考手冊,HTML教程, HTML代碼,HTML元素,HTML elements,網頁教程和代碼的中文網站,網頁制作,源代碼,示例,布啦布拉,blabla.cn,examples">
<meta name="description" content="-網頁教程與代碼的中文站點-網頁制作-布啦布啦-blabla.cn">
<meta name="generator" content="blabla buildsite v2.0 - C:\CodeBank\BLABLA\blablasource\webtutorials\150_html_ref\100_html_elements\455_table.txt">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../styles/bla01.css" type="text/css">
<script type="text/javascript">
function WsFvt() {
window.external.addFavorite(
"../default.htm",
"布啦布啦網頁教程與代碼[www.blabla.cn]");
}
function WsHome() {
event.srcElement.style.behavior = "url(#default#homepage)";
event.srcElement.setHomePage("../default.htm");
}
function WsActOn() {
event.srcElement.className = "wsacton";
}
function WsAct() {
event.srcElement.className = "wsact";
}
</script>
</head>
<body class=wsbody>
<div class=wsheader>
<table cellpadding=0 cellspacing=0 class=wslogoarea>
<td class=ws_a1><img src="../images/logo/blabla_logo01.gif" class=blablalogo03></td>
<td class=ws_a2>
<div>
<font class=wsact onmouseover="WsActOn()" onmouseout="WsAct()" onclick="WsFvt()">加入收藏</font> |
<font class=wsact onmouseover="WsActOn()" onmouseout="WsAct()" onclick="WsHome()">設為首頁</font>|
<a href="mailto:webmaster@blabla.cn">聯系我們</a>
</div>
<div style = "height:20px;"></div>
<div>
<a href="../html_tutorials/index.html">HTML教程</a> |
<a href="../html_tutorials/100_html_examples.html">HTML示例代碼</a> |
<a href="../css_tutorials/index.html">CSS教程</a> |
<a href="../css_tutorials/100_CSS_examples.html">CSS示例代碼</a> |
<a href="../js_tutorials/index.html">Javascript教程</a> |
<a href="../js_tutorials/100_js_examples.html">Javascript示例代碼</a>
</div>
</td>
</tr></table>
</div>
<div class=wscontent>
<table cellpadding=0 cellspacing=0 class=wscgrid>
<td class=a1>
<div class=wsmenu><div class=box><div class=box>
<!--menupart Start -->
<a href = "../index.html"><H1>網站首頁</H1></a>
<a href = "index.html" ><H1>HTML元素參考</H1></a><a href = "../html_attr_ref/index.html" ><H1>HTML屬性參考</H1></a>
<!--menupart end -->
</div></div></div>
</td>
<td class=a2><div class=wsarticle><div class=articlepart id = ap>
<div class=wstitle><div class=box><div class=box><h1>HTML元素 - table</h1></div></div></div>
<!--articlepart start-->
<div class = changefont>
<span onclick= "ap.className='ArticlePartBig';" class = bfont>大字體</span>
<span onclick= "ap.className='ArticlePart';" class = sfont>小字體</span>
</div>
<H2>定義</H2><P>Specifies that the contained content is organized into a table with rows and columns.</P><P>說明所含內容組織成含有行和列的表格形式。</P><H2>注釋</H2><P>下列標簽可在表格結構中出現: CAPTION, COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD 和 TR。</P><P>對于每個 table 對象，僅可指定一個 tHead 和 tFoot。</P><P>在文檔載入的過程中，對表格的修改將被限制，直到 onload 事件發生。任何時刻都允許只讀訪問。</P><P>表格對象模型對于數據綁定的表格是只讀的。例如，用于刪除表格行的腳本可以在未綁定的表格上正確運行，但無法在已綁定數據的表格上運行。table 對象的屬性仍舊可用，但是對表格中的綁定數據進行的更改必須通過數據源。</P><P>表格的屬性區分于表格中所包含的單元格的屬性。例如，多列表格的 offsetLeft 屬性與表格中最左端單元格的 offsetLeft 屬性并不相同。請在編寫腳本時選擇正確的表格和/或單元格對象。</P><P>table 對象及其相關的元素有各自獨立的表格對象模型，這與常規對象模型所采用的方法有很大不同。要獲得關于表格對象模型更多的信息，請參看如何動態生成表格。</P><P>在腳本中訪問 height 屬性時，請使用 pixelHeight 或 posHeight 屬性控制高度的數值。</P><P>如果想要對高度和寬度進行動態變更，那么原始值必須是通過樣式指定的(例如，style="height:200px; width:200px")，而不是通過 height 和 width 標簽屬性。</P><P>表格的許多樣式并不從 table 和其父對象中繼承。這其中包括: font-size; font-weight; line-height; text-align; font-style; font-variant。</P><P>此元素在 Internet Explorer 3.0 及以上版本的 HTML 中可用，在 Internet Explorer 4.0 及以上版本的腳本中可用。</P><P>此元素是一個塊元素。</P><P>此元素需要關閉標簽。</P><P>The following tags are valid in table construction: CAPTION, COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, and TR.</P><P>For each table object, only one tHead and tFoot can be specified.</P><P>While a document loads, modifications to a table are restricted until the onload event occurs. Read-only access is allowed at any time.</P><P>The table object model is read-only for databound tables. For example, script used to remove a table row works correctly on an unbound table, but not on a databound table. The properties of a table object are still available, but changes to the bound data in a table must be made to the data source.</P><P>The properties of a table are distinct from the properties of cells contained within the table. For example, the offsetLeft property of a multicolumn table is not the same as the offsetLeft property of the left-most cell in the table. Refer to the appropriate object when writing scripts involving table and/or cell objects.</P><P>The table object and its associated elements have a separate table object model, which utilizes different methods than the general object model. For more information on the table object model, see How to Build Tables Dynamically.</P><P>When scripting the height property, use either the pixelHeight or posHeight property to numerically manipulate the height value.</P><P>If dynamic changes are intended for the height and width, the original values should be set through style (for example, style="height:200px; width:200px") rather than through the height and width attributes.</P><P>Many styles do not inherit to a table and its contents from its parent object. Among these are: font-size; font-weight; line-height; text-align; font-style; font-variant.</P><P>This element is available in HTML as of Internet Explorer 3.0, and in script as of Internet Explorer 4.0.</P><P>This element is a block element.</P><P>This element requires a closing tag.</P><H2>示例代碼</H2><PRE><TABLE BORDER=1 WIDTH=80%></PRE><PRE><THEAD></PRE><PRE><TR></PRE><PRE><TH>Heading 1</TH></PRE><PRE><TH>Heading 2</TH></PRE><PRE></TR></PRE><PRE></THEAD></PRE><PRE><TBODY></PRE><PRE><TR></PRE><PRE><TD>Row 1, Column 1 text.</TD></PRE><PRE><TD>Row 1, Column 2 text.</TD></PRE><PRE></TR></PRE><PRE><TR></PRE><PRE><TD>Row 2, Column 1 text.</TD></PRE><PRE><TD>Row 2, Column 2 text.</TD></PRE><PRE></TR></PRE><PRE></TBODY></PRE><PRE></TABLE></PRE><P> </P>
<!--articlepart end-->
</div><div></td>
<td class=a3><div class=wslink>
<div class=wsportrait>
<img src="../images/logo/blabla_logo02.gif" class=blablalogo21>
</div>
<div class=wslgreen><div class=box><div class=box>
<h2>布啦布啦旗下網站</h2>
<p><a href="../index.html">布啦布啦網頁教程與代碼</a></p>
<p><a href="http://www.wowstory.com">小斧的魔獸世界</a></p>
<p><a href="../wow/index.html">小斧的魔獸世界鏡像</a></p>
<p><a href="http://hardware.blabla.cn">數碼資訊</a></p>
</div></div></div>
<div style= "background-color:#FFFFF0;
border-top:3px solid #FFCC66; border-bottom:3px solid #FFCC66;border-left:1px solid #FFE0A1;border-right:1px solid #FFE0A1;">
<!-- SiteSearch Google -->
<form method="get" action="http://www.google.com/custom" target="_top">
<table border="0" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
</td>
<td nowrap="nowrap">
<input type="hidden" name="domains" value="blabla.cn"></input>
<input type="text" name="q" size="18" maxlength="255" value=""></input>
</td></tr>
<tr>
<td> </td>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input type="radio" name="sitesearch" value=""></input>
<font size="-1" color="#000000" style = "font-size:12px;">Web</font>
</td>
<td>
<input type="radio" name="sitesearch" value="blabla.cn" checked="checked"></input>
<font size="-1" color="#000000" style = "font-size:12px;">blabla.cn</font>
</td>
</tr>
</table>
<input type="submit" name="sa" value="Google 搜索"></input>
<input type="hidden" name="client" value="pub-3105632846497229"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="GB2312"></input>
<input type="hidden" name="oe" value="GB2312"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"></input>
<input type="hidden" name="hl" value="zh-CN"></input>
</td></tr></table>
</form>
<!-- SiteSearch Google -->
</div>
<div style ="height:8px;font-size:8px;"></div>
<!--Google Adsense start-->
<div id="googlead" style = "width:160px; height:600px;" ></div>
<!--Google Adsense end-->
</div>
</td></tr>
</table></div>
<div class=wsfooter>
<table cellpadding=0 cellspacing=0 class=wsgrid>
<tr><td class=ws_a1>
<!--footer label start-->
© 2005 blabla.cn版權所有
<!--51yes statistics start-->
<script language="javascript" src="http://count1.51yes.com/click.aspx?id=13420718&logo=12"></script>
<!--51yes statistics end-->
</td></tr></table>
</div>
<!--Google Ad Script Start -->
<div id="googleadcode" style="display:none;">
<script type="text/javascript"><!--
google_ad_client = "pub-3105632846497229";
google_alternate_color = "FFFFFF";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "A8C8FF";
google_color_bg = "F5F9FF";
google_color_link = "0058DB";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<script language="javascript">
if(document.all.item("googlead") != null)
{
googlead.innerHTML = googleadcode.innerHTML;
}
</script>
<!--Google Ad Script End-->
</body>
</html>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -