主要学习相对路径和绝对路径，给图片加上超链接，”…/路径“为返回目录上一层路径
<！--主界面可点击图片或文字进入one、two界面--> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="img/1.png" width="100%" /> <p> <a href="one/one.html"><img src="img/2.png" />one</a> <a href="two/two.html"><img src="img/2.png" />two</a> </p> </body> </html> <！--one界面显示文档并点击箭头可返回上层demo主界面> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="../img/1.png" /> <p> <a href="../demo.html"><img src="../img/3.png" /></a> </p> <p> <img src="../img/4.png" />ppt </p> </body> </html> <！--tow界面点击箭头返回主界面，或者点击three进入下一界面> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="../img/1.png" width="100%"/> <p> <a href="../demo.html"><img src="../img/3.png" /></a> </p> <p> <a href="three/three.html"><img src="../img/2.png" />three</a> <img src="../img/5.png" />pdf </p> </body> </html> <!--点击箭头返回two界面--> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="../../img/1.png" width="100%"/> <p> <a href="../two.html"><img src="../../img/3.png" /></a> </p> <p> <img src="../../img/4.png" />ppt </p> </body> </html>