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