ZJY365 实战

图片 Image

「我想把自己的照片放到页面上,图片文件要放哪里?怎么让它不变形成小方块?……」——新手术语卡:一句大白话需求 + 解释 + 可直接发给 AI 的指令。

你可能会说

我想把自己的照片放到页面上,图片文件要放哪里?怎么让它不变形成小方块?

这是什么

图片<img> 标签放进页面,标签里的路径告诉浏览器去哪找图(路径规则见文件路径)。alt 属性写图片的文字说明——图片加载失败时显示的就是它,也帮读屏的用户理解。

这不是什么

图片不是「粘」在页面上的:它是一个独立文件,页面只是引用了它的位置。图片文件被移动或删除,页面就会开天窗——这就是你偶尔看到的碎图标。

发给 AI

我的页面里要放一张图片,文件叫 photo.jpg,和 HTML 文件在同一个文件夹。
请帮我写好 <img> 标签:要求宽度随窗口自适应、高度按比例、不变形,并写上 alt 说明。

← 前置:链接 下一步:文件路径 →

On this page