首页 >web前端 >html教程 > 正文

html中如何加载本地图片

原创2021-03-09 15:18:3303542

html中加载本地图片的方法:可以利用img标签来加载本地图片,如【<img src="本地图片地址"】。src属性用来规定显示图像的URL。

本文操作环境:windows10系统、html 5、thinkpad t480电脑。

<img> 标签定义 HTML 页面中的图像。

<img> 标签有两个必需的属性:src 和 alt。

常用属性介绍:

  • src URL 规定显示图像的 URL。

  • alt text 规定图像的替代文本。

  • height pixels 规定图像的高度。

  • width pixels 规定图像的宽度。

如果我们要加载本地图片,可以使用如下方法:

(学习视频分享:html视频教程

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<img src="本地图片地址" alt="文本说明" width="42" height="42">

</body>
</html>

相关推荐:html教程

以上就是html中如何加载本地图片的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 本地图片
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • 从零开始构建HTML页面从零开始构建HTML页面
  • HTML前端基础第六部HTML前端基础第六部
  • HTML5 Canvas 动画实战教程HTML5 Canvas 动画实战教程
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • 视频教程分类