HTML中的a和img的用法

HTML中标签a的用法

• HTML的链接用a定义，在第一个尖括号后面用"href="指定，如下例：
  《a href="https://www.runoob.com"》 去菜鸟教程 《/a》 (注：尖括号<>用《》代替）
  效果：去菜鸟教程
• “href”是Hypertext Reference的缩写，表示超文本引用，用于指定资源位置，如跳转网址、页内锚点（如返回页面顶部）；触发邮件、电话等功能（移动端）；引入CSS、图标等外部资源（link用法）

HTML中标签img的用法

• HTML中插入图像用img，用“src="指定图像路径，若与html代码在同根目录可略写根目录前的地址。如下例

《img src="/images/妆花1.png" width="500" height="500" /》 (注：尖括号<>用《》代替）

src和href的区别

• src为source的缩写，作用为引入外部资源并替换当前元素的内容，资源会被“嵌入”到页面中，此时资源是元素内容的一部分，没有资源了页面会缺失核心功能/展示
• href的作用则是为元素建立与外部资源的“引用关系”，资源不会替换元素，而是定义跳转或依赖，此时资源是被关联而非内容，即使不加载资源，页面主体仍可显示