一、文件版面编辑器
1.格式标签
格式标签用于定义网页中文本的布局、缩进、位置、换行、列表等
<br> 换行
<p> 段落
<center> 居中
<pre> 保留文字在源代码中的格式
<ul><li> 无序列表
<ol><li> 有序的列表
<hr> 水平分隔线
2.文本标签
在网页中,为了着意强调某一部分文字,或者为了让文字有所变化
<hn> 标题,共6中标题,即<h1>、<h2>、<h3>......
<b> 粗体
<i> 斜体
<u> 下划线
<sub> 下标
<sup> 上标
<s> 划掉线
<font> 字体
<tt> 输出打印机文字
<cite> 输出引证、举例的斜体字
<em> 输出强调的斜体字
<strong> 输出强调的粗体字
<small> 输出小型字体
<big> 输出大型的字体
二、超链接标签
Target属性:
三、锚点的应用
<a name=“name”>内容</a> :锚点
使用时<a href=“#name”>定位位置</a>
可以使用 id 属性来替代 name 属性,命名锚同样有效。
src: 指定图片所在的URL
border=边框的宽度
Alt: 在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息
width
height
五、图像地图
<map>定义热点区域
<area>指定每个热点区域
Shape指定形状 rect, poly, circle
Coords确定形状
href指定链接的位置
<head>
<title>建立图像标签</title>
</head>
<body>
<!--设置锚点超链接-->
<a href="#one">第一段</a><br>
<a href="#two">第二段</a><br>
<a href="#three">第三段</a><br>
<!--设置锚点-->
<a name="one">11111</a>
<a name="two">22222</a>
<a name="three">3333</a>
<!--通过标签<a>和<img>设置图像超链接-->
<a href="http://localhost/cms/index.php"><img src="logo.gif" border=0 width=50% alt="xsphp_logo" /></a><br><br>
<!--图像映射-->
<img src="logo.gif" usemap="#mymap" border=0 />
<map name="mymap">
<area shape="circle" coords="75, 35,30" href="http://www.apache.org" target="_blank">
<area shape="poly" coords="175,0,110,70,180,70" href="http://www.linux.com" target="_blank">
</map>
</body>
</html>