页面(PAGE)标记(TAGS)
HTML 文件结构(Document Structures)
<html>...</html>
<head>...</head>
<body>...</body>
<HTML> <HEAD> <title>, <base>, <link>, <isindex>, <meta> </HEAD> <BODY> HTML 文件的正文写在这里... ... </BODY> </HTML>
语言字符集(Charsets)的信息
<meta http-equiv="Content-Type" content="text/html;charset=#">
- #=
- us-ascii, iso-8859-1, x-mac-roman, iso-8859-2, x-mac-ce,
iso-2022-jp, x-sjis, x-euc-jp,
euc-kr, iso-2022-kr,
gb2312, gb_2312-80,
x-euc-tw, x-cns11643-1, x-cns11643-2, big5
可在 HTML 文件中设置 MIME 字符集信息。
您在浏览主页时,最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。
但是如果 HTML 文件里写明了设置,浏览器就会自动设置语言选项。
尤其是主页里用到了字符实体(entities),则该主页就应该写明字符集信息。
否则,您在浏览该主页时,若未正确设置语言选项,显示将可能混乱。
背景色彩和文字色彩
<body bgcolor=# text=# link=# alink=# vlink=#>
- bgcolor --- 背景色彩
- text --- 非可链接文字的色彩
- link --- 可链接文字的色彩
- alink --- 正被点击的可链接文字的色彩
- vlink --- 已经点击(访问)过的可链接文字的色彩
- 色彩是用 16 进制的 红-绿-蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
#=rrggbb
背景图象 <body background="image-URL">
Non Scrolling Background <body bgproperties=FIXED>
页面空白(Margin)
页面左边的空白 <body leftmargin=#>
页面上方的空白(天头) <body topmargin=#> #=margin amount
链接(Link)
基本语法 <a href="URL"> ... </a>
- 这是一个
<a href="samp/link.html">链接的例子</a>。
点一下带下划线的文字!
这是一个链接的例子。 点一下带下划线的文字!
跳转到页面的另外一个地方
<a href="#name"> ... </a>
<a name="name"> ... </a>
- <a href="#jump-test">跳转到下一个"链接点"</a><P>
<a name="jump-test">下一个链接点</a>
跳转到另一个页面的某个地方
<a href="URL#name"> ... </a>
<a name="name"> ... </a>
- 跳转到另一个页面的<a href="samp/link.html#jump-test">某个地方</a>。
跳转到另一个页面的某个地方。
开一个新的(浏览器)窗口 (Target Window)
<a href="URL" target="Window_Name"> ... </a>
- <a href="samp/window.html" target="window_name">
开一个新窗口!
</a>
标尺线
<hr>
<hr>
<hr size=#>
<hr size=10>
<hr width=#>
<hr width=50>
<hr width=50%>
<hr align=#> #=left, right
<hr width=50% align=left>
<hr width=50% align=right>
<hr noshade>
<hr noshade>
<hr color=#>
- #=rrggbb 16 进制 RGB 数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<hr color="red">
HTML Design Guide Main Page
|| Frames || Marquee || Alternative Inline Elements
Tag Index || What's New
Network Communication Design
http://ncdesign.kyushu-id.ac.jp/
C&P 1994-1996 Yuriko Ienaga [email protected]