📄 col.html
字号:
<html>
<head>
<title>HTML元素参考-HTML Elements Reference - col-网页教程与代码的中文站点-布啦布啦-blabla.cn</title>
<meta name="author" content="www.blabla.cn">
<meta name="keywords" content="HTML参考,HTML教程, HTML代码,HTML元素,HTML elements,col,网页教程和代码的中文网站,网页制作,源代码,示例,布啦布拉,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\095_col.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元素 - col</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>说明基于列的表格缺省属性。</P><P>Specifies column-based defaults for the table properties.</P><H2>注释</H2><P>COL 元素可嵌套于 COLGROUP 元素内。如果是这样的话，嵌套的 COL 属性将覆盖 COLGROUP 属性。</P><P>你可使用元素 COL 和 COLGROUP 用于类似的目的。但是，你必须使用 COLGROUP 元素来决定表格内部分隔线(rules)应该处于的位置。见下面的的示例。</P><P>使用 SPAN 属性可以指定 COLGROUP 定义的表格列数。该属性的缺省值为 1。</P><P>TABLE 对象及其关联元素有一个独立的表格对象模型，该模式使用不同于常规对象模型的方法。要获得关于表格对象模型更多的信息，请参看如何动态生成表格。</P><P>此元素在 Internet Explorer 3.0 及以上版本的 HTML 中可用，在 Internet Explorer 4.0 及以上版本的脚本中可用。</P><P>此元素是块元素。</P><P>此元素不需要关闭标签。</P><P>COL elements can be nested within a COLGROUP element. If this is done, the nested COL attributes override the COLGROUP attributes.</P><P>You can use the COL and COLGROUP elements for similar purposes. However, you must use the COLGROUP element to determine where table internal dividing lines (rules) should go. This is illustrated in the example below.</P><P>Use the SPAN attribute to specify the number of table columns that the COLGROUP defines. This attribute has a default value equal to one.</P><P>The table object and its associated elements have a separate table object model, which uses different methods than the general object model. For more information on the table object model, see How to Build Tables Dynamically.</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 does not require a closing tag.</P><H2>示例代码</H2><P>下面的例子使用了 COL 元素说明表格中缺省列的特征。</P><P>This example uses the col element to specify characteristics for default columns in a table.</P><PRE><HTML></PRE><PRE><BODY></PRE><PRE><TABLE BORDER="2" RULES="groups"></PRE><PRE><!-- RULES is set to "groups", which has no effect in this sample. For this </PRE><PRE>attribute to work, you must use COLSPAN to define the groups of columns.--></PRE><PRE> <COL SPAN="2" STYLE="color:red"></PRE><PRE> <COL STYLE="color:blue"></PRE><PRE> <TR></PRE><PRE> <TD>This column is in the first group.</TD></PRE><PRE> <TD>This column is in the first group.</TD></PRE><PRE> <TD>This column is in the second group.</TD></PRE><PRE> </TR></PRE><PRE> <TR></PRE><PRE> <TD>This column is in the first group.</TD></PRE><PRE> <TD>This column is in the first group.</TD></PRE><PRE> <TD>This column is in the second group.</TD></PRE><PRE> </TR></PRE><PRE></TABLE></PRE><PRE></BODY></PRE><PRE></HTML></PRE><H2>另见</H2><P><A href="colgroup.html">colGroup</A></P><P> </P><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 + -