知识点:
1关于base标签
① <base href="res/">, base标签为页面上的所有链接规定默认地址或默认目标,通常情况下,浏览器会从当前文档的URL中,提取出相应的元素,来填补相对URL中的空白。eq:如果一个文件中出现<base href="res/">,那么在这个文档中所有下面带href的路径都是以res下找的,除非前面有个 / ,指用绝对路径查找。
② 不管是图片还是超链接,后面的路径都是URL,在本地使用的都是文件系统。在文件系统中,凡是不以 / 开始的路径都是相对路径,相对路径都从当前文件开始找, ../就是上级目录,./表示当前目录,xxx直接找名为xxx的文件,xxx/是找名为xxx的文件夹。
③ 绝对路径是对于整个磁盘来说的,相对路径是对于当前目录说的。
2.关于热区
eq:
<span style="white-space:pre"> </span><img src="photo.jpg" usemap="photo">
<map name="photo">
<!--先导入图片,然后map图片-->
<area shape="rect" coords="0,0,100,200" href="a.html">
<!--rect为矩形,coords为坐标,值分别为,起点坐标(0,0),X轴(100),Y轴(200)-->
<area shape="poly" coords="20,150, 50, 200, 100, 300,10, 400" href="b.html">
<!--poly为多边形,coords坐标值分别为(20,150),(50,200),(100,300),(10,400),然后连线-->
<area shape="circle" coords="200,200,150" href="a.html">
<!--circle为圆形,coords坐标值分别为圆点(200,200),半径(150)-->
</map>
3.关于target="_blank"
eq:
<span style="white-space:pre"> </span><a href="a.html" target="_blank">跳转到a页面</a>
上面的例子中target的用处在于,如果不加target属性,那么点击后会在本页面中跳转到a页面,如果加上target属性,那么点击后会新建一个浏览器窗口显示新的a页面。
4.锚点(anchor)
<span style="white-space:pre"> </span><h1>三国演义</h1>
<p>三个国家斗地主的故事.....</p>
<a href="#1">1</a>
<a href="#2">2</a>
<a href="#3">3</a>
<h2 id="1">第一回......</h2>
<h2 id="2">第二回......</h2>
<h2 id="3">第三回......</h2>
链接和id之间的对应