📄 html1.htm
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>HTML语言教程之一：页面(PAGE)标记</TITLE>
<META NAME="Template" CONTENT="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot">
<link rel="stylesheet" href="../../cpcw.css"></HEAD>
<BODY LINK="#0000ff" VLINK="#800080" background="../bg.gif">
<table width="85%" border="2" align="center">
<tr bgcolor="#FFFFFF">
<td>
<p align="CENTER"><font size="6" lang="ZH-CN"><font color="#FF3333" class="title"><b>HTML语言教程之一：页面(PAGE)标记</b></font></font></p>
<p align="JUSTIFY"></p>
<hr>
<p><!--################## Document Structures ########################--><a name="document"></a></p>
<h2> HTML 文件结构(Document Structures)</h2>
<h3><html>...</html><br>
<head>...</head><br>
<body>...</body></h3>
<dl>
<pre><HTML>
<HEAD>
<title>, <base>, <link>, <isindex>, <meta>
</HEAD>
<BODY>
HTML 文件的正文写在这里... ...
</BODY>
</HTML>
</pre>
</dl>
<p><!--################## LANGUAGE INFO ########################--><a name="lang"></a></p>
<h2> 语言字符集(Charsets)的信息 </h2>
<h3><meta http-equiv="Content-Type" content="text/html;charset=#"><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>
尤其是主页里用到了字符实体(entities)，则该主页就应该写明字符集信息。<br>
否则，您在浏览该主页时，若未正确设置语言选项，显示将可能混乱。</p>
<pre>
</pre>
<p><!--################## Background Color ########################--><a name="bgcolor"></a></p>
<h2> 背景色彩和文字色彩</h2>
<h3><body bgcolor=# text=# link=# alink=# vlink=#></h3>
<dl>
<dd>bgcolor --- 背景色彩</dd>
<dd>text --- 非可链接文字的色彩</dd>
<dd>link --- 可链接文字的色彩</dd>
<dd>alink --- 正被点击的可链接文字的色彩</dd>
<dd>vlink --- 已经点击(访问)过的可链接文字的色彩</dd>
<h3>#=rrggbb</h3>
<dd>色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。<br>
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.</dd>
<p> </p>
</dl>
<h3>背景图象 <body background="image-URL"><br>
Non Scrolling Background <body bgproperties=FIXED> </h3>
<pre>
</pre>
<p><!--################## MARGIN ########################--><a name="margin"></a></p>
<h2> 页面空白(Margin) </h2>
<p><!------Margin-------></p>
<h3>页面左边的空白 <body leftmargin=#><br>
页面上方的空白(天头) <body topmargin=#> #=margin amount</h3>
<pre>
</pre>
<p><!--################## Link ########################--><a name="link"></a></p>
<h2> 链接(Link)</h2>
<p><!------link basic-------></p>
<h3>基本语法 <a href="URL"> ... </a></h3>
<dl>
<dd><tt>这是一个<br>
<a href="samp/link.html">链接的例子</a>。 <br>
点一下带下划线的文字!</tt><br>
</dd>
</dl>
<p> </p>
<pre>
</pre>
<p><!------link name-------></p>
<h3>跳转到页面的另外一个地方<br>
<a href="#name"> ... </a><br>
<a name="name"> ... </a> </h3>
<dl>
<dd><tt><a href="#jump-test">跳转到下一个"链接点"</a><P><br>
<a name="jump-test">下一个链接点</a> </tt></dd>
</dl>
<p><a href="#jump-test">跳转到下一个"链接点"</a></p>
<p> <a name="jump-test"></a>下一个链接点</p>
<pre>
</pre>
<p><!------link name 2-------><a name="jump2"></a></p>
<h3>跳转到另一个页面的某个地方<br>
<a href="URL#name"> ... </a><br>
<a name="name"> ... </a> </h3>
<dl>
<dd><tt>跳转到另一个页面的<a href="samp/link.html#jump-test">某个地方</a>。<br>
</tt></dd>
</dl>
<pre>
</pre>
<p><!--################## Target WINDOWS ########################--><a name="window"></a></p>
<h2> 开一个新的(浏览器)窗口 (Target Window) </h2>
<p><!------Target Windows-------></p>
<h3><a href="URL" target="Window_Name"> ... </a></h3>
<dl>
<dd><tt><a href="start.html" target="window_name"><br>
开一个新窗口!<br>
</a> </tt></dd>
</dl>
<p><a href="start.html" target="window_name">打开一个新窗口</a></p>
<pre>
</pre>
<p><!--################## HR ########################--><a name="hr"></a></p>
<h2> 标尺线</h2>
<h3><hr></h3>
<p><tt><hr> </tt></p>
<p>
<hr>
<p></p>
<pre>
</pre>
<h3><hr size=#></h3>
<p><tt><hr size=10> </tt></p>
<p>
<hr size=10>
<p></p>
<pre>
</pre>
<h3><hr width=#></h3>
<p><tt><hr width=50><br>
<hr width=50%> </tt></p>
<p>
<hr width=50>
<hr width=50%>
<p></p>
<pre>
</pre>
<h3><hr align=#> #=left, right</h3>
<p><tt><hr width=50% align=left><br>
<hr width=50% align=right> </tt></p>
<p>
<hr width=50% align=left>
<hr width=50% align=right>
<p></p>
<pre>
</pre>
<h3><hr noshade></h3>
<p><tt><hr noshade> </tt></p>
<p>
<hr noshade>
<p></p>
<pre>
</pre>
<h3><hr color=#> </h3>
<dl>
<dd>#=rrggbb 16 进制 RGB 数码，或者是下列预定义色彩：<br>
<font color="#000000">#000000Black</font>, <font color="#808000">#808000Olive</font>,
<font color="#008080">#008080Teal</font>, <font color="#FF0000">#FF0000Red</font>,
<font color="#0000FF">#0000FFBlue</font>, <font color="#800000">#800000Maroon</font>,
<font color="#000080">#000080Navy</font>, <font color="#808080">#808080Gray</font>,
<font color="#00FF00">#00FF00Lime</font>, <br>
<font color="#FF00FF">#FF00FFFuchsia</font>, <font color="#FFFFFF">#FFFFFFWhite</font>,
<font color="#008000">#008000Green</font>, <font color="#800080">#800080Purple</font>,
<font color="#C0C0C0">#C0C0C0Silver</font>, <font color="#FFFF00">#FFFF00Yellow</font>,
<font color="#00FFFF">#00FFFFAqua</font> </dd>
</dl>
<p><tt><hr color="red"> </tt></p>
<p> </p>
<p align="left"> </p>
<p align="CENTER"><a href="html1.htm">页面标记|</a>
<a href="html2.htm">字体标记|</a>
<a href="html3.htm">文字布局|</a>
<a href="html4.htm">图像标记|</a>
<a href="html5.htm">表单标记|</a>
<a href="html6.htm">表格标记|</a>
<a href="html7.htm">表格进阶|</a>
<a href="html8.htm">多窗口|</a>
<a href="html9.htm">移动文字|</a>
<a href="html10.htm">多媒体</a><br>
<a href="start.html">首页</a>
<a href="html2.htm">下一节</a> </p>
</td>
</tr>
</table>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -