ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

HTML中的a和img的用法

2026/8/15 20:50:28 拓冰建站 浏览量
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代码在同根目录可略写根目录前的地址。如下例

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

src和href的区别

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