﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>IT博客-zhle</title><link>http://www.cnitblog.com/zhle/</link><description /><language>zh-cn</language><lastBuildDate>Mon, 04 May 2026 20:58:23 GMT</lastBuildDate><pubDate>Mon, 04 May 2026 20:58:23 GMT</pubDate><ttl>60</ttl><item><title>html的使用</title><link>http://www.cnitblog.com/zhle/archive/2006/03/30/8306.html</link><dc:creator>zhle</dc:creator><author>zhle</author><pubDate>Thu, 30 Mar 2006 06:40:00 GMT</pubDate><guid>http://www.cnitblog.com/zhle/archive/2006/03/30/8306.html</guid><wfw:comment>http://www.cnitblog.com/zhle/comments/8306.html</wfw:comment><comments>http://www.cnitblog.com/zhle/archive/2006/03/30/8306.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/zhle/comments/commentRss/8306.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/zhle/services/trackbacks/8306.html</trackback:ping><description><![CDATA[
		<a href="http://www.gzsums.edu.cn/webclass/html/html_design.html">http://www.gzsums.edu.cn/webclass/html/html_design.html</a>
		<br />
		<h1 align="center">页面(PAGE)标记(TAGS)</h1>
		<center>
				<p>
				</p>
				<hr />
				<p>
				</p>
		</center>
		<p>
				<!--################## Document Structures ########################-->
				<a name="document">
				</a>
		</p>
		<h2>
				<img height="20" alt="+" src="http://www.gzsums.edu.cn/webclass/html/br20t.gif" width="20" /> HTML 文件结构(Document Structures)</h2>
		<h3>&lt;html&gt;...&lt;/html&gt;<br />&lt;head&gt;...&lt;/head&gt;<br />&lt;body&gt;...&lt;/body&gt;</h3>
		<dl>
				<pre>&lt;HTML&gt;
&lt;HEAD&gt;
     &lt;title&gt;, &lt;base&gt;, &lt;link&gt;, &lt;isindex&gt;, &lt;meta&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;
    HTML 文件的正文写在这里... ... 
&lt;/BODY&gt;
&lt;/HTML&gt;
</pre>
		</dl>
		<p>
				<!--################## LANGUAGE INFO ########################-->
				<a name="lang">
				</a>
		</p>
		<h2>
				<img height="20" alt="+" src="http://www.gzsums.edu.cn/webclass/html/br20t.gif" width="20" /> 语言字符集(Charsets)的信息 <img height="14" src="http://www.gzsums.edu.cn/webclass/html/netscape.gif" width="80" /></h2>
		<h3>&lt;meta http-equiv="Content-Type" content="text/html;charset=#"&gt;<br /></h3>
		<dl compact="">
				<dt>#= 
</dt>
				<dd>us-ascii, iso-8859-1, x-mac-roman, iso-8859-2, x-mac-ce,<br />iso-2022-jp, x-sjis, x-euc-jp,<br />euc-kr, iso-2022-kr,<br />gb2312, gb_2312-80,<br />x-euc-tw, x-cns11643-1, x-cns11643-2, big5 </dd>
		</dl>
		<p>可在 HTML 文件中设置 MIME 字符集信息。<br />您在浏览主页时，最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。<br />但是如果 HTML 文件里写明了设置，浏览器就会自动设置语言选项。<br />尤其是主页里用到了<a href="http://www.gzsums.edu.cn/webclass/html/entities.html">字符实体(entities)</a>，则该主页就应该写明字符集信息。<br />否则，您在浏览该主页时，若未正确设置语言选项，显示将可能混乱。</p>
		<pre>
		</pre>
		<p>
				<!--################## Background Color ########################-->
				<a name="bgcolor">
				</a>
		</p>
		<h2>
				<img height="20" alt="+" src="http://www.gzsums.edu.cn/webclass/html/br20t.gif" width="20" /> 背景色彩和文字色彩</h2>
		<h3>&lt;body bgcolor=# text=# link=# alink=# vlink=#&gt;</h3>
		<dl>
				<dd>bgcolor --- 背景色彩 
</dd>
				<dd>text --- 非可链接文字的色彩 
</dd>
				<dd>link --- 可链接文字的色彩 
</dd>
				<dd>alink --- 正被点击的可链接文字的色彩 
</dd>
				<dd>vlink --- 已经点击(访问)过的可链接文字的色彩 
<h3>#=rrggbb</h3></dd>
				<dd>色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。<br />16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. 
<p></p></dd>
		</dl>
		<h3>背景图象 &lt;body background="image-URL"&gt;<br />Non Scrolling Background &lt;body bgproperties=FIXED&gt; <img height="14" src="http://www.gzsums.edu.cn/webclass/html/ie.gif" width="80" /></h3>
		<pre>
		</pre>
		<p>
				<!--################## MARGIN ########################-->
				<a name="margin">
				</a>
		</p>
		<h2>
				<img height="20" alt="+" src="http://www.gzsums.edu.cn/webclass/html/br20t.gif" width="20" align="top" /> 页面空白(Margin) <img height="14" src="http://www.gzsums.edu.cn/webclass/html/ie.gif" width="80" /></h2>
		<p>
				<!---Margi- -->
		</p>
		<h3>页面左边的空白 &lt;body leftmargin=#&gt;<br />页面上方的空白(天头) &lt;body topmargin=#&gt; #=margin amount</h3>
		<pre>
		</pre>
		<p>
				<!--################## Link ########################-->
				<a name="link">
				</a>
		</p>
		<h2>
				<img height="20" alt="+" src="http://www.gzsums.edu.cn/webclass/html/br20t.gif" width="20" align="top" /> 链接(Link)</h2>
		<p>
				<!---link basi- -->
		</p>
		<h3>基本语法 &lt;a href="URL"&gt; ... &lt;/a&gt;</h3>
		<dl>
				<dd>
						<tt>这是一个<br />&lt;a href="samp/link.html"&gt;链接的例子&lt;/a&gt;。 <br />点一下带下划线的文字!</tt>
						<br />
				</dd>
		</dl>
		<p>这是一个<a href="http://www.gzsums.edu.cn/webclass/html/samp/link.html">链接的例子</a>。 点一下带下划线的文字!</p>
		<p>
		</p>
		<pre>
		</pre>
		<p>
				<!---link nam- -->
		</p>
		<h3>跳转到页面的另外一个地方<br />&lt;a href="#name"&gt; ... &lt;/a&gt;<br />&lt;a name="name"&gt; ... &lt;/a&gt; </h3>
		<dl>
				<dd>
						<tt>&lt;a href="#jump-test"&gt;跳转到下一个"链接点"&lt;/a&gt;&lt;P&gt;<br />&lt;a name="jump-test"&gt;下一个链接点&lt;/a&gt; </tt>
				</dd>
		</dl>
		<p>
				<a href="http://www.gzsums.edu.cn/webclass/html/page.html#jump-test">跳转到下一个"链接点"</a>
		</p>
		<p>
				<a name="jump-test">
				</a>下一个链接点</p>
		<pre>
		</pre>
		<p>
				<!---link name - -->
				<a name="jump2">
				</a>
		</p>
		<h3>跳转到另一个页面的某个地方<br />&lt;a href="URL#name"&gt; ... &lt;/a&gt;<br />&lt;a name="name"&gt; ... &lt;/a&gt; </h3>
		<dl>
				<dd>
						<tt>跳转到另一个页面的&lt;a href="samp/link.html#jump-test"&gt;某个地方&lt;/a&gt;。<br /></tt>
				</dd>
		</dl>
		<p>跳转到另一个页面的<a href="http://www.gzsums.edu.cn/webclass/html/samp/link.html#jump-test">某个地方</a>。</p>
		<pre>
		</pre>
		<p>
				<!--################## Target WINDOWS ########################-->
				<a name="window">
				</a>
		</p>
		<h2>
				<img height="20" alt="+" src="http://www.gzsums.edu.cn/webclass/html/br20t.gif" width="20" align="top" /> 开一个新的(浏览器)窗口 (Target Window) </h2>
		<p>
				<!---Target Window- -->
		</p>
		<h3>&lt;a href="URL" target="Window_Name"&gt; ... &lt;/a&gt;</h3>
		<dl>
				<dd>
						<tt>&lt;a href="samp/window.html" target="window_name"&gt;<br />开一个新窗口!<br />&lt;/a&gt; </tt>
				</dd>
		</dl>
		<p>
				<a href="http://www.gzsums.edu.cn/webclass/html/samp/window.html" target="window_name">开一个新窗口!</a>
		</p>
		<pre>
		</pre>
		<p>
				<!--################## HR ########################-->
				<a name="hr">
				</a>
		</p>
		<h2>
				<img height="20" alt="+" src="http://www.gzsums.edu.cn/webclass/html/br20t.gif" width="20" /> 标尺线</h2>
		<h3>&lt;hr&gt;</h3>
		<p>
				<tt>&lt;hr&gt; </tt>
		</p>
		<p>
		</p>
		<hr />
		<p>
		</p>
		<pre>
		</pre>
		<h3>&lt;hr size=#&gt;</h3>
		<p>
				<tt>&lt;hr size=10&gt; </tt>
		</p>
		<p>
		</p>
		<hr size="10" />
		<p>
		</p>
		<pre>
		</pre>
		<h3>&lt;hr width=#&gt;</h3>
		<p>
				<tt>&lt;hr width=50&gt;<br />&lt;hr width=50%&gt; </tt>
		</p>
		<p>
		</p>
		<hr width="50" />
		<hr width="50%" />
		<p>
		</p>
		<pre>
		</pre>
		<h3>&lt;hr align=#&gt; #=left, right</h3>
		<p>
				<tt>&lt;hr width=50% align=left&gt;<br />&lt;hr width=50% align=right&gt; </tt>
		</p>
		<p>
		</p>
		<hr align="left" width="50%" />
		<hr align="right" width="50%" />
		<p>
		</p>
		<pre>
		</pre>
		<h3>&lt;hr noshade&gt;</h3>
		<p>
				<tt>&lt;hr noshade&gt; </tt>
		</p>
		<p>
		</p>
		<hr noshade="" />
		<p>
		</p>
		<pre>
		</pre>
		<h3>&lt;hr color=#&gt; <img height="14" src="http://www.gzsums.edu.cn/webclass/html/ie.gif" width="80" /></h3>
		<dl>
				<dd>#=rrggbb 16 进制 RGB 数码，或者是下列预定义色彩：<br /><font color="#000000">Black</font>, <font color="#808000">Olive</font>, <font color="#008080">Teal</font>, <font color="#ff0000">Red</font>, <font color="#0000ff">Blue</font>, <font color="#800000">Maroon</font>, <font color="#000080">Navy</font>, <font color="#808080">Gray</font>, <font color="#00ff00">Lime</font>, <br /><font color="#ff00ff">Fuchsia</font>, <font color="#ffffff">White</font>, <font color="#008000">Green</font>, <font color="#800080">Purple</font>, <font color="#c0c0c0">Silver</font>, <font color="#ffff00">Yellow</font>, <font color="#00ffff">Aqua</font></dd>
		</dl>
		<p>
				<tt>&lt;hr color="red"&gt;</tt>
				<nobr>
						<br />
						<!--################## (^^) END (^^) ########################-->
				</nobr>
		</p>
<img src ="http://www.cnitblog.com/zhle/aggbug/8306.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/zhle/" target="_blank">zhle</a> 2006-03-30 14:40 <a href="http://www.cnitblog.com/zhle/archive/2006/03/30/8306.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>