HTML基本标记
文字的大小 :使用FONT 标记的SIZE属性可以设置字体的大小
<html>
<head>
<title>字号大小</title>
</head>
<body>
<font size=6>这是size=6的字体</font>
<P>
<font size=5>这是size=5的字体</font>
<P><font size=4>这是size=4的字体</font>
<P><font size=3>这是size=3的字体</font>
<P><font size=2>这是size=2的字体</font>
<P><font size=1>这是size=1的字体</font>
<P><font size=-1>这是size=-1的字体</font>
<P></body>
</html>
字体:使用FONT的FACE属性，设置字体
<HTML>
<HEAD>
<TITLE>字体</TITLE>
</HEAD>
<BODY>
<CENTER>
<FONT face="楷体_GB2312">欢迎光临</FONT><P>
<FONT face="宋体">欢迎光临</FONT><P>
<FONT face="仿宋_GB2312">欢迎光临</FONT><P>
<FONT face="黑体">欢迎光临</FONT><P>
<FONT face="Arial">Welcom my homepage.</FONT><P>
<FONT face="Comic Sans MS">Welcom my homepage.</FONT><P>
</CENTER>
</BODY>
</HTML>
 
字体颜色
<font color=color_value>…</font>
颜色值（color_value）：
可以是一个十六进制数(用“#”作为前缀)
也可以是16种颜色名称 
段落标记
预排版文本<pre>
块引用<BLOCKQUOTE>
地址<ADDRESS>
预排版文本<pre>
不需要重新排版的内容 ，几乎不做修改地输出（照原样输出）
<html>
<head>
<title>字体样式</title>
</head>
<body>
<pre>DHTML是近年来网络发展进程中最振奋人心也最具实用性的创新之一。
它是一种通过各种技术的综合发展而得以实现的概念，
这些技术包括Javascript,?VBScript,? DOM，Layers
和Cascading?Style?Sheets(CSS)等。
</pre>
</body></html>
块引用<BLOCKQUOTE>
块引用表示其中的内容是引用
<html>
<head>
<title>字体样式</title>
</head>
<body>
<P>一道C的练习题
<BLOCKQUOTE>
用C语言编写一个求三角形和矩形面积的程序，
编写两个函数分别求三角形和矩形的面积，
在主程序中根据用户输入图形的类型调用求相应图形面积的函数，
并输出该图形的面积。
</BLOCKQUOTE>
<P>你完成了么？
</body>
</html>
地址<ADDRESS>
该标记用于显示如HTML文档的作者、地址和签名等信息，通常显示为斜体字
<html>
<head>
<title>字体样式</title>
</head>
<body>
<ADDRESS>这里是微软(中国)有限公司</ADDRESS>
</body>
</html>
列表List
列表将相关的信息组织到一起，使读者看到排列有序的标题、文本或段落
 无序列表(unordered List)
 有序列表(ordered list)
 定义列表(definition list)
无序列表<ul>
输出时每一列表缩进，并且以黑点标示
<html>
<head>
<title>无序列表</title>
</head>
<body>
这是一个无序列表：<P><UL>国际互联网提供的服务有：　<LI>WWW服务　<LI>文件传输服务　　<LI>电子邮件服务　　<LI>远程登录服务　　<LI>其它服务</UL>
</body></html>
有序列表<ol>
在输出时列表列表用数字标示
<html><head><title>有序列表</title></head><body>这是一个有序列表：<P><OL>国际互联网提供的服务有：　　<LI>WWW服务　　<LI>文件传输服务　　<LI>电子邮件服务　　<LI>远程登录服务　　<LI>其它服务</OL>
</body></html>
定义列表<dl>
定义列表用于对列表列表进行简短说明的场合
<html><head><title>一个普通列表</title></head><body><dl>?  <dt>中国城市</dt>??? <dd>北京 </dd>??? <dd>上海 </dd>??? <dd>广州 </dd>?  <dt>美国城市</dt>??? <dd>华盛顿 </dd>??? <dd>芝加哥 </dd>??? <dd>纽约 </dd></dl></body></html>
改变无序列表列表标记
<html><head><title>一个普通列表</title></head><body>
<ul>　　<li type=disc>ONE　　<li type=circle>TWO　　<li type=square>THREE</ul>
</body>
</html>
改变有序列表列表标记
<html><head><title>一个普通列表</title></head><body>
<ol type=A >
<li>ONE-ONE
<li>ONE-TWO
</ol>
<ol type=I >
<li>ONE-ONE
<li>ONE=TWO
</ol>
<ol type=1>
<li>ONE-ONE
<li>ONE-TWO
</ol>
</body>
</html>
改变有序列表列表的超始数字
<html><head><title>一个普通列表</title></head><body>
<ol start=5 type=A ><li>ONE-ONE<li>ONE-TWO<li>TWO-ONE<li>TWO-ONE</ol>
</body>
</html>
列表的嵌套
<html><head><title>一个普通列表</title></head><body>
<ol><li>ONE-ONE
<ul><li>ONE-TWO<li>TWO-ONE
</ul><li>TWO-ONE</ol>
</body>
</html>
插入图形
超文本支持的图象格式一般有BMP、GIF、JPEG三种
 插入图象的标签是<IMG>，主要用来插入图形标记，主要用来插入图片于网页中
<img src="图形文件地址" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="描述文字">
width和height属性
<html><head><title>图像的示例</title></head><body>
<P>图像原来的尺寸
<IMG SRC=" stars.jpg"><br>
<P>改变图像的尺寸
<IMG SRC="stars.jpg" width=100
height=100>
</body>
</html>
hspace和vspace的属性
<html><head><title>图像的示例</title></head><body>
<IMG SRC=" stars.jpg">一个美丽的图案<br>
<IMG SRC="stars.jpg" HSPACE=30>一个美丽的图案<br>
<IMG SRC="stars.jpg" VSPACE=30>一个美丽的图案<br>
</body>
</html>
border属性
<html><head><title>图像的示例</title></head><body>
<IMG SRC=" stars.jpg">一个美丽的图案<br>
<IMG SRC="stars.jpg" border=2>带边框的图案<br>
</body>
</html>
align属性
<html><head><title>图像的示例</title></head><body>
<IMG SRC=" stars.jpg">一个美丽的图案（默认对齐）<br><hr>
<IMG SRC=“stars.jpg” align= top >一个美丽的图案
（顶部对齐）<br><hr>
<IMG SRC="stars.jpg" align= middle >一个美丽的图案（中部对齐）<br><hr>
<IMG SRC=“stars.jpg” align= left >一个美丽的图案
（左对齐）<br><br><hr>
<IMG SRC=“stars.jpg” align= right >一个美丽的图案
（右对齐）<br>
</body>
</html>
alt属性
<html><head><title>图像的示例</title></head><body>
<IMG SRC=" stars.jpg" alt="一幅图片">一个美丽的图案<br>
</body>
</html>
图形链接
图形链接就是使用者通过在图形上单击，就能连接到其它页面上
<A　HREF="资源地址"><IMG SRC="图形文件地址"></A>