<!--编写HTML常用的标签
文字版面的编辑
格式标签
文本标签
超链接和锚点
图像和图像地图
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>格式标签</title>
</head>
<body>
<!--格式标签用于网页中文本的布局、缩进、位置、换行、列表等
<br> 换行
<p> 段落
<center> 居中
<pre> 保留文字在源代码中的格式
<ul><li> 无序列表
<ol><li> 有序列表
<hr> 水平分割线-->
aaaaaa aaaaaa<br />
bbbbbbbbbbbb<br />
cccccccccccc<br />
<hr>
<p>aaaaaaaaaaa</p>
<p style="color:blue">bbbbbbbbbbb</p>
<p align="center">ccccccccccc</p>
<hr />
<center>居中文字</center>
<hr />
<pre>aaaa bbbb cccc ddddd eeeee fffff gggg hhhhh yyyyy </pre>
<hr />
<ul>
<li>内容一
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
</li>
<li>内容二
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
</li>
<li>内容三
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
</li>
</ul>
<hr width="600" size="20" noshade="noshade">
<hr width="80%" size="20" noshade="noshade" color="#000000">
<ol>
<li>内容一
<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ol>
</li>
<li>内容二
<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ol>
</li>
<li>内容三
<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ol>
</li>
</ol> <!--文本标签在网页中，为了着意强调某一部分文字，或者为了让文字有所变化
<hn>（n为1~6） 标题文字
<b> 粗体
<i> 斜体
<u> 下划线
<font>
<tt>
<cite>
<em>
<strong>
<small>
<sub>
<sup>
-->
<h1>使用<H1>输出一号标题字体</h1>
<h2>使用<H2>输出二号标题字体</h2>
<h3>使用<H3>输出三号标题字体</h3>
<h4>使用<H4>输出四号标题字体</h4>
<h5>使用<H5>输出五号标题字体</h5>
<h6>使用<H6>输出六号标题字体</h6>
<b>粗体</b>
<u>下划线</u>
<i>斜体</i><br />
<font face="楷体_GB2312" color="red" size="5">绝对字体大小为5的红色楷体字</font><br />
<font face="宋体" color="green" size="+3">相对字体大小为+3的绿色字体</font><br>
<font face="黑体" color="blue" size="-1">相对字体为-1的蓝色黑体字</font><br />
<tt>输出打印文字</tt><br />
<cite>输出引证、举例的斜体字</cite><br />
<em>输出强调的斜体字</em><br />
<strong>输出强调的粗体字</strong><br />
<small>输出小型字体</small><br />
<big>输出大型字体</big><br />
<!--超链接标签-->
<a href="../1/1.html">1.html网页</a>
<br />
<!--锚点标签
<a href="URL">某某页面</a>:超链接
<a name="name">内容</a>:锚点
使用时<a href="#name">定位位置</a>
-->
<a href="#one">第一段</a>
<a href="#two">第二段</a>
<a href="#three">第三段</a>
<br />
<a name="one">
aaaaaaaaa<br />
aaaaaaaaa<br />
aaaaaaaaa<br />
</a><br />
<a href="#">返回</a>
<a name="two">
bbbbbbbbbb<br />
bbbbbbbbbb<br />
bbbbbbbbbb<br />
</a><br />
<a href="#">返回</a>
<a name="three">
cccccccccc<br />
cccccccccc<br />
cccccccccc<br />
</a>
<a href="#">返回</a>
<br />
<!--图像标签
<img>
src:指定图片所在的URL
border：边框的宽度
alt：1.鼠标放上去有黄色小图标。2.如图片不存在，则出现它指定的文字。3.搜索引擎可以通过它指定的文字搜索该图片
width：宽度
height：高度
-->
<a href="../2/2.html"><img src="../1/logo.gif" border="0" width="300" alt="geshi_logo"/></a><br />
<!--图片地图
一个图像只能加一个a标签，做一个链接。
如果把一副图像分成多个区域，每个区域指向不同的URL地址（为图片加多个链接）
在图像标签<img>中使用usemap属性去使用地图热点
<map>定义热点区域
<area>指定每个热点区域
shape指定形状rect（矩形）、poly（多边形）、circle（圆形）
coords确定形状
href指定链接的位置
-->
<img src="../1/logo.gif" usemap="#mymap" border=0 />
<map name="mymap">
<area shape="rect" coords="5, 5, 50, 70" href="../1/1.html" target="_blank">
<area shape="circle" coords="75, 35,30" href="../2/2.html" target="_blank">
<area shape="poly" coords="175,0,110,70, 180,70" href="#" target="_blank">
</map>
</body>
</html>
