HTML入门：＜img＞与＜a＞标签用法详解

一、img标签在网页里插入图片img 是单标签不用写闭合标签核心就一个 src 属性用来指定图片的位置。1、基础用法alt 图片加载失败时显示的文字必须加。width / height 设置图片大小。2、路径说明- 绝对路径完整的本地文件路径只能在自己电脑上用上线后会失效。- 相对路径相对于HTML文件的路径。- 网络URL直接用网上的图片链接适合线上页面。二、a标签给网页加超链接a 是双标签核心是 href 属性用来指定点击后跳转的地址。基础用法三、常见问题1. 图片加载不出来检查 src 路径是否正确相对路径要注意文件层级绝对路径不能用于线上页面。2. 链接点击没反应检查 href 地址是否正确本地文件用相对路径网页用完整URL。四、总结1、img 是图片嵌入标签核心是 src 属性掌握相对路径是开发关键2、a 是超链接标签核心是 href 属性可实现页面跳转、文件打开、图片点击等功能3、本地测试用绝对路径实际开发用相对路径网络资源用URL是前端开发的基本准则。这两个标签是HTML的入门基石理解它们的路径规则和属性用法才能写出规范、可维护的前端代码。