网页设计html中的img图片标签使用攻略

2025-05-11 04:20:13

1、创建h5页面 1)打开VSCode,新建一个文件,保存为html后缀 2)在文件中输入一个感叹号,按下t锾攒揉敫ab键,就可以快速创建html5的dom结构 3)在页面同级添加一个Images文件夹,并放入任何一张图片

网页设计html中的img图片标签使用攻略

3、网络路径图片 在html页面中添加一个新的img标签,src属性值指向网上一个图片的地址,在浏览器中运行,效果如图所示

网页设计html中的img图片标签使用攻略

5、设置图片加载失败的信息 通过img标签的alt属性,可以设置图片没有加载成功时,显示的文字。比如,将图片路径指向一个不存在的图片,就会显示alt对应的文字内容

网页设计html中的img图片标签使用攻略

7、设置图片位置 通过img标签的align属性,可以设置图片与文字的展示方式。在实际项目中,图片大小、位置通常通过css来控制,一般不写死在img标签内部

网页设计html中的img图片标签使用攻略
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢