图片 Image
「我想把自己的照片放到页面上,图片文件要放哪里?怎么让它不变形成小方块?……」——新手术语卡:一句大白话需求 + 解释 + 可直接发给 AI 的指令。
你可能会说
我想把自己的照片放到页面上,图片文件要放哪里?怎么让它不变形成小方块?
这是什么
图片用 <img> 标签放进页面,标签里的路径告诉浏览器去哪找图(路径规则见文件路径)。alt 属性写图片的文字说明——图片加载失败时显示的就是它,也帮读屏的用户理解。
这不是什么
图片不是「粘」在页面上的:它是一个独立文件,页面只是引用了它的位置。图片文件被移动或删除,页面就会开天窗——这就是你偶尔看到的碎图标。
发给 AI
我的页面里要放一张图片,文件叫 photo.jpg,和 HTML 文件在同一个文件夹。
请帮我写好 <img> 标签:要求宽度随窗口自适应、高度按比例、不变形,并写上 alt 说明。