• 技术文章 >web前端 >html教程

    html怎么设置图片

    藏色散人藏色散人2021-04-01 10:37:40原创155

    html设置图片的方法:首先创建一个HTML示例文件;然后通过“<img src="/i/eg_tulip.jpg" alt="" />”方法在html页面中插入一幅图片即可。

    本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

    html设置图片实例

    在下面的例子中,我们在页面中插入一幅 W3School 的工程师在上海鲜花港拍摄的郁金香照片:

    <img src="/i/eg_tulip.jpg"  alt="上海鲜花港 - 郁金香" />

    以上代码的效果:

    72f685c567f4099092d75320be69cca.png

    iHTML <img> 标签介绍

    img 元素向网页中嵌入一幅图像。

    请注意,从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

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

    HTML 与 XHTML 之间的差异

    在 HTML 中,<img> 标签没有结束标签。

    在 XHTML 中,<img> 标签必须被正确地关闭。

    在 HTML 4.01 中,不推荐使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。

    在 XHTML 1.0 Strict DTD 中,不支持 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。

    41b1c6a9b796cbabf9900331ad8749f.png

    推荐学习:《HTML视频教程》《css视频教程

    以上就是html怎么设置图片的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:html怎么设置hr 下一篇:html怎么设置边框
    第15期线上培训班

    相关文章推荐

    • html如何插入视频• html5和html4的区别有哪些• asp和html的区别是什么• html隐藏属性是什么• 怎么修改html文件

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网