HTML初学者求助：src属性应填写什么内容？

一、src属性的正确填写内容 #

src 属性需要填写图片的可访问路径，分三种常见场景：

• 本地图片：若图片和HTML文件在同一文件夹，直接填文件名，比如 src="cat.jpg"；若图片在子文件夹（如images文件夹），填src="images/cat.jpg"；若在上级文件夹，用../表示，比如src="../cat.jpg"。
• 网络图片：填写图片的直接访问URL，也就是打开图片后地址栏里的完整链接，格式类似src="https://example.com/cat.jpg"。
• Base64编码图片：把图片转换成Base64字符串直接写入，适合小图标，格式为src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAAAAAAAD..."。

二、谷歌图片无法显示的原因及解决办法 #

你用谷歌图片链接没显示，核心原因是防盗链机制：谷歌图片搜索结果里的链接是跳转页面，并非图片真实地址，且谷歌会拦截非自身域名的外部请求。正确获取真实地址的步骤：

1. 右键目标图片，选择「复制图片地址」（注意不是复制网页链接）；
2. 打开新标签页粘贴该地址，确认能直接显示图片；
3. 将这个地址填入src属性即可。

额外注意：

• 确保网络能正常访问该图片地址；
• 检查src中的地址是否存在拼写错误（比如多余空格、符号）。

内容的提问来源于stack exchange，提问作者Myo Min Naung