HTML基本语法
一、基本标记
文件格式<html></html>(文件的开头与结尾)
主题<title></title>(放在文件的开头)
文头区段<head></head>(描述文件的信息)
内文区段<body></body>(放此文件的内容)
标题<h?></h>(?=1~6,改变标题字的大小)
标题对齐<h align=right,left,center></h>
字加大<big></big>
字变小<small></small>
粗体字<b></b>
斜体字<i></i>
底线字<u></u>
上标字<sup></sup>
下标字<sub></sub>
文字对中<center></center>
基本字体大小<basefont size>(取值范围从1到7，默认值为3)
改变字体大小<font size=?></font>(?=1~7)
字体颜色<font color=#rrggbb></font>(RGB色码)
指定字型<font face=?></font>(?=宋体，楷体等)
二、超链结
网址链结<a href="URL"></a>
设定锚点<a name="?"></a>(?以容易记为原则)
链结到锚点<a href="#?"></a>(同一份文件)
<a href="URL#?"></A>(锚点不同文件)
显示图形<img src="URL"></a>
图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
图形取代文字<img src="URL"alt=?>(无法显示图形时用)
图形尺寸<img src="URL" width=? height=?>(?以像素为单位)
连结图形边线<img src="URL"border=?>(?以像素为单位)
图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)
三、区段划分
段落<p></p>
断行<br></br>
横线<hr>
横线厚度<hr size=?>(?以像素为单位)
横线长度<hr width=?>(?以像素为单位)
横线长度<hr width=?%>(?与页宽相比较)
实横线<hr noshade>(无立体效果)
四、背景颜色
背景图案<body background=图形文件名>(图形文件格式为gif和jpg)
背景颜色<body bgcolor=#rrggbb>(RGB色码)
背景文字颜色<body text=#rrggbb>(RGB色码)
未链结点颜色<body link=#rrggbb>(RGB色码)
已链结点颜色<body vlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)
四 链接(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>
◇ 开一个新的(浏览器)窗口 (Target Window)
<a href="URL" target="Window_Name"> ... </a>
<a href="samp/window.html" target="window_name">
开一个新窗口!
</a>
字体(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>
