html基础之路径、链接

一.相对路径(使用场景图片、文档)

相对于当前html页面所在的地址(以当前文档所在文档所在目录为准,向上或向下查找索引的东西)

示例:

src="../../pic.jpg"   ..表示相对路径的上一级。

src="pic.jpg"表示在同一级目录

src="../a/pic.jpg"表示跳转(向上)

src="a/pic.jpg"跳转(向下)

路径检查:

1.图片路径:查看图片属性地址

2.超链接路径:鼠标经过超链接,看页面左下角的地址

二、超链接

     标签:<a href="跳转地址" target="跳转打开位置" name="设置锚点位置">超链接显示内容</a>

href=""  点击跳转,若无 则不能点击

target=""1.空白页打开:_blank   2.当前页面打开:_self(默认当前页面打开)

name:锚点位置名字

锚点的设置和使用:

    1.锚点位置的设定:<a name="位置名"></a>

    2.点击跳转锚点位置:<a href="跳转页面位置(省略则表示在当前页面内)#锚点位置名">点击文字</a>。  ==》#:#前表示页面地址、#后表示锚点name.

示例:

设置锚点


点击跳转锚点位置
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容