HTML中的a和img的用法

HTML中标签a的用法

• HTML的链接用a定义，在第一个尖括号后面用"href="指定，如下例：
  <a href="https://www.runoob.com"> 去菜鸟教程 </a>
  效果：去菜鸟教程
• “href”是Hypertext Reference的缩写，表示超文本引用，用于指定资源位置，如跳转网址、页内锚点（如返回页面顶部）；触发邮件、电话等功能（移动端）
• 注：base元素也可用href， 是中的配置型标签，无交互性，作用是为页面所有相对 URL 设置基准地址，简单来说就是当资源在统一目录下时，设置基准URL则只需写相对路径即可，无需都写上全部路径。
• 注：link元素也可用href，link本身是用于链接到外部资源，如样式表和站点图标，无交互性，除href外常见属性rel，如 rel="stylesheet" 对应 CSS，rel="icon" 对应图标其href用法。

HTML中标签img的用法

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

<img src="/images/妆花1.png" width="500" height="500" />

src和href的区别

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