⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 6-2-5.cfm.htm

📁 最全的ASP教程
💻 HTM
字号:
<html>

<head>
<title>使用列表</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
</head>

<body>
<font FACE="宋体" SIZE="3"><font FACE="宋体" SIZE="3"><font FACE="宋体" SIZE="3"><font
FACE="宋体" SIZE="3">

<p ALIGN="JUSTIFY"> </p>
</font><b><font FACE="宋体">

<p ALIGN="JUSTIFY">建立表头及标题</p>
</font></b><font FACE="宋体" SIZE="3">

<p ALIGN="JUSTIFY">图6.17.所示表格的目的并不明确,如果一个用户在网页上把它显示出来而没有任何说明文字,没有人会知道这个表格是一个城市编码的列表。你可以通过为表格加上表头和标题来使表格变得清楚明了。</p>

<p ALIGN="JUSTIFY">标题标明了整个表格的作用,你可以使用&lt;CAPTION&gt;标识符来为表格加入标题。下面的例子说明了如何使用这一标识符:</p>

<p ALIGN="JUSTIFY">&lt;HTML&gt;</p>

<p ALIGN="JUSTIFY">&lt;HEAD&gt; &lt;TITLE&gt; Area Codes &lt;/TITLE&gt;&lt;/HEAD&gt;</p>

<p ALIGN="JUSTIFY">&lt;BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;TABLE BORDER=1&gt;</p>

<p ALIGN="JUSTIFY">&lt;CAPTION&gt; Area Codes &lt;/CAPTION&gt;</p>

<p ALIGN="JUSTIFY">&lt;TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; Boston &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; 617 &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;/TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; Modesto &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; 209 &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;/TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; San Francisco &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; 415 &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;/TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;/TABLE&gt;</p>

<p ALIGN="JUSTIFY">&lt;/BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;/HTML&gt;</p>

<p ALIGN="JUSTIFY">现在,当这个表格在浏览器上显示时,标题Area Codes将会显示在表格的正上方。缺省情况下,标题出现在表格的上方,但是你也可以使用&lt;CAPTION&gt;的ALIGN=“bottom”属性来使标题出现在表格下方。</p>
<b>

<p ALIGN="JUSTIFY">注意</p>
</b>

<p ALIGN="JUSTIFY">Internet Explorer还可为&lt;CAPTION&gt;的ALIGN属性设置“left”和“right”值。你可能会认为这两个值会在表格的右边或左边建立一个标题,但它们只是改变标题在表格上方显示时的对齐方式,即分别使标题在表格上进行左对齐或右对齐。</p>

<p ALIGN="JUSTIFY">这个表格还可以让它变得更明确一些。现在,表格每一列的目的还不很清楚,例如,一些外来的愚蠢的人可能会认为数字415是一个城市名称,而名字S按Francisco是区域编码,要防止出现这种混乱,你就要为表格加上表头。</p>

<p ALIGN="JUSTIFY">你可以用&lt;TH&gt;标识符来为表格加上表头。&lt;TH&gt;用起来与&lt;TD&gt;标识符类似,然而,在这个标识符间出现的文字显示出来是黑体(见图6.18)。下面的例子显示的表格包含了一个表头:</p>

<p ALIGN="JUSTIFY">&lt;HTML&gt;</p>

<p ALIGN="JUSTIFY">&lt;HEAD&gt; &lt;TITLE&gt; Area Codes &lt;/TITLE&gt;&lt;/HEAD&gt;</p>

<p ALIGN="JUSTIFY">&lt;BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;TABLE BORDER=1&gt;</p>

<p ALIGN="JUSTIFY">&lt;CAPTION&gt; Area Codes &lt;/CAPTION&gt;</p>

<p ALIGN="JUSTIFY">&lt;TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TH&gt; City &lt;/TH&gt;</p>

<p ALIGN="JUSTIFY">&lt;TH&gt; Area Code &lt;/TH&gt;</p>

<p ALIGN="JUSTIFY">&lt;/TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; Boston &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; 617 &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;/TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; Modesto &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; 209 &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;/TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; San Francisco &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;TD&gt; 415 &lt;/TD&gt;</p>

<p ALIGN="JUSTIFY">&lt;/TR&gt;</p>

<p ALIGN="JUSTIFY">&lt;/TABLE&gt;</p>

<p ALIGN="JUSTIFY">&lt;/BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;/HTML&gt;</p>

<p ALIGN="JUSTIFY"><img SRC="Image51.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image51.gif" WIDTH="595" HEIGHT="410"></p>
<b>

<p ALIGN="CENTER">图6.18 具有列表头的表格</p>
</b>

<p ALIGN="JUSTIFY">使用&lt;TH&gt;标识符不仅可以为列建立表头,还可以为行建立表头,只要把它放置于一行的开头。实际上,你可以把&lt;TH&gt;放置于一个表格中任何一个可放置&lt;TD&gt;的位置,这两个标识符之间的区别是&lt;TH&gt;使文字以黑体显示并将文字显示在中央,而&lt;TD&gt;在缺省情况下并不这样。</p>
</font></font></font></font>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -