HTML5 多媒体之<img>标签 使用

一、HTML5 多媒体<img>标签 

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

定义和用法

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

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

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

必需的属性

属性描述
alt text 规定图像的替代文本。
src URL 规定显示图像的 URL。

 

width---图片显示宽度

height--图片显示高度 

 

二、JS Dom 使用图片

 

        var img = new Image();
        img.onload = function () {
            console.info('加载成功');
        }
        //先绑定事件,然后指定地址
        img.src = '../img/images/2.jpg';
        document.body.appendChild(img);

 

 

更多:

HTML5 a标签常用整理 

Asp.Net WebConfig全局配置跨域处理  

HTML5 文档基础标签 <!--...--> html,head,body,base,meta,link,script,style  

posted @ 2020-08-15 14:38  天马3798  阅读(254)  评论(0编辑  收藏  举报