页面(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 --- 已经点击(访问)过的可链接文字的色彩
#=rrggbb
色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
背景图象 <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">
--------------------------------------------------------------------------------
字体(FONT)标记(TAGS)
--------------------------------------------------------------------------------
标题字体(Header)
<h#> ... </h#> #=1, 2, 3, 4, 5, 6
<h1>今天天气真好！</h1> 今天天气真好！
<h2>今天天气真好！</h2> 今天天气真好！
<h3>今天天气真好！</h3> 今天天气真好！
<h4>今天天气真好！</h4> 今天天气真好！
<h5>今天天气真好！</h5> 今天天气真好！
<h6>今天天气真好！</h6> 今天天气真好！
<hn>---</hn> 这些标记显示黑体字。
<hn>---</hn> 这些标记自动插入一个空行，不必用 <p> 标记再加空行。
因此在一行中无法使用不同大小的字体。
字体大小
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7
<font size=7>今天天气真好！</font> 今天天气真好！
<font size=6>今天天气真好！</font> 今天天气真好！
<font size=5>今天天气真好！</font> 今天天气真好！
<font size=4>今天天气真好！</font> 今天天气真好！
<font size=3>今天天气真好！</font> 今天天气真好！
<font size=2>今天天气真好！</font> 今天天气真好！
<font size=1>今天天气真好！</font> 今天天气真好！
物理字体(Physical Style)
<b>今天天气真好！</b> 今天天气真好！
<i>今天天气真好！</i> 今天天气真好！
<u>今天天气真好！</u> 今天天气真好！
<tt>今天天气真好！</tt> 今天天气真好！
<sup>今天天气真好！</sup> 今天天气真好！
<sub>今天天气真好！</sub> 今天天气真好！
<s>今天天气真好！</s> 今天天气真好！
<strike>今天天气真好！</strike> 今天天气真好！
逻辑字体(Logical Style)
<em>今天天气真好！</em> 今天天气真好！
<strong>今天天气真好！</strong> 今天天气真好！
<code>今天天气真好！</code> 今天天气真好！
<samp>今天天气真好！</samp> 今天天气真好！
<kbd>今天天气真好！</kbd> 今天天气真好！
<var>今天天气真好！</var> 今天天气真好！
<dfn>今天天气真好！</dfn> 今天天气真好！
<cite>今天天气真好！</cite> 今天天气真好！
<small>今天天气真好！</small> 今天天气真好！
<big>今天天气真好！</big> 今天天气真好！
指定“字体大小”的标记和“指定字体”的标记的组合使用
<i><font size=5>
<b>今天</b> 天气<font size=6> 真好！</font>
</font></i>
今天 天气 真好！
字体颜色
指定颜色 <font color=#> ... </font>
#=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<font color=ffffff>White</font> &
<font color=white>White</font>
White & White
客户端字体(Font Face)
<font face="#, #, ..., #"> ... </font>
#=客户端可获得的字体
<font face="Arial, Helvetica"> Hellow World!</font>
Hellow World!
客户端字体(Font Face)示例
字符实体(Entities)
&#; #=字符实体名称 或者 ascii 值
HTML2.0 的字符集
& &
< <
> >
" "
HTML2.0 字符实体名称列表
HTML3.2 字符实体名称列表
ISO 字符实体名称列表
--------------------------------------------------------------------------------
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 --- 已经点击(访问)过的可链接文字的色彩
#=rrggbb
色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
背景图象 <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">
--------------------------------------------------------------------------------
字体(FONT)标记(TAGS)
--------------------------------------------------------------------------------
标题字体(Header)
<h#> ... </h#> #=1, 2, 3, 4, 5, 6
<h1>今天天气真好！</h1> 今天天气真好！
<h2>今天天气真好！</h2> 今天天气真好！
<h3>今天天气真好！</h3> 今天天气真好！
<h4>今天天气真好！</h4> 今天天气真好！
<h5>今天天气真好！</h5> 今天天气真好！
<h6>今天天气真好！</h6> 今天天气真好！
<hn>---</hn> 这些标记显示黑体字。
<hn>---</hn> 这些标记自动插入一个空行，不必用 <p> 标记再加空行。
因此在一行中无法使用不同大小的字体。
字体大小
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7
<font size=7>今天天气真好！</font> 今天天气真好！
<font size=6>今天天气真好！</font> 今天天气真好！
<font size=5>今天天气真好！</font> 今天天气真好！
<font size=4>今天天气真好！</font> 今天天气真好！
<font size=3>今天天气真好！</font> 今天天气真好！
<font size=2>今天天气真好！</font> 今天天气真好！
<font size=1>今天天气真好！</font> 今天天气真好！
物理字体(Physical Style)
<b>今天天气真好！</b> 今天天气真好！
<i>今天天气真好！</i> 今天天气真好！
<u>今天天气真好！</u> 今天天气真好！
<tt>今天天气真好！</tt> 今天天气真好！
<sup>今天天气真好！</sup> 今天天气真好！
<sub>今天天气真好！</sub> 今天天气真好！
<s>今天天气真好！</s> 今天天气真好！
<strike>今天天气真好！</strike> 今天天气真好！
逻辑字体(Logical Style)
<em>今天天气真好！</em> 今天天气真好！
<strong>今天天气真好！</strong> 今天天气真好！
<code>今天天气真好！</code> 今天天气真好！
<samp>今天天气真好！</samp> 今天天气真好！
<kbd>今天天气真好！</kbd> 今天天气真好！
<var>今天天气真好！</var> 今天天气真好！
<dfn>今天天气真好！</dfn> 今天天气真好！
<cite>今天天气真好！</cite> 今天天气真好！
<small>今天天气真好！</small> 今天天气真好！
<big>今天天气真好！</big> 今天天气真好！
指定“字体大小”的标记和“指定字体”的标记的组合使用
<i><font size=5>
<b>今天</b> 天气<font size=6> 真好！</font>
</font></i>
今天 天气 真好！
字体颜色
指定颜色 <font color=#> ... </font>
#=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<font color=ffffff>White</font> &
<font color=white>White</font>
White & White
客户端字体(Font Face)
<font face="#, #, ..., #"> ... </font>
#=客户端可获得的字体
<font face="Arial, Helvetica"> Hellow World!</font>
Hellow World!
客户端字体(Font Face)示例
字符实体(Entities)
&#; #=字符实体名称 或者 ascii 值
HTML2.0 的字符集
& &
< <
> >
" "
HTML2.0 字符实体名称列表
HTML3.2 字符实体名称列表
ISO 字符实体名称列表
回复Comments
作者:
{commentrecontent}