HTML5 多媒體之<img>標籤 使用
阿新 • • 發佈:2020-08-15
一、HTML5 多媒體<img>標籤
<img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 鬱金香" />
定義和用法
img 元素向網頁中嵌入一幅影象。
請注意,從技術上講,<img> 標籤並不會在網頁中插入影象,而是從網頁上鍊接影象。<img> 標籤建立的是被引用影象的佔位空間。
<img> 標籤有兩個必需的屬性:src 屬性和alt 屬性。
必需的屬性
屬性 | 值 | 描述 |
---|---|---|
alt | text | 規定影象的替代文字。 |
src | URL | 規定顯示影象的 URL。 |
二、JS Dom 使用圖片
varimg = new Image(); img.onload = function () { console.info('載入成功'); } //先繫結事件,然後指定地址 img.src = '../img/images/2.jpg'; document.body.appendChild(img);
更多:
HTML5 文件基礎標籤 <!--...--> html,head,body,base,meta,link,script,style