前端之HTML---路径&链接

HTML标签的那些事儿

相对路径和绝对路径

计算机常识,有其他语言知识的很好理解。

相对路径例如:

1
2
3
<img src="xxx.png"/>
<img src="../xxx.png"/>
<img src="test/xxx.png"/>

绝对路径用的较少。

超链接标签

<a>用于超链接,可以点击跳转到另一个页面。

超链接语法格式

<a href="跳转的url" target="窗口弹出方式"> 文本或图像 </a>

target有在当前标签页(默认,_self)打开和新窗口(_blank)打开两种方式。

  • 外部链接,<a href="www.baidu.com" target="_blank"> 外部链接 </a>

  • 内部链接,<a href="xxx.html" target="_blank"> 内部链接 </a>

  • 空链接,使用#代替链接地址

  • 下载链接,指地址是一个可下载的文件。

图片也可以当文字塞在超链接里面。