ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

HTML5 チュートリアル

HTML5 ホーム
HTML5 概要
HTML5 新しい要素
HTML5 ビデオ
HTML5 ビデオ/DOM
HTML5 オーディオ
HTML5 キャンバス
HTML5 Geolocation
HTML5 Web ストレージ

HTML5 フォーム

HTML5 Input タイプ
HTML5 フォーム要素
HTML5 フォーム属性

HTML5 リファレンス

HTML5 タグ
HTML5 属性
HTML5 イベント
HTML5 キャンバス 2d
HTML 妥当な DTD

HTML5 タグ

<!-->
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

HTML5 <img> タグ

画像の挿入方法:

<img src="angry.gif" alt="Angry face" />

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

<img> タグは、主要な全ブラウザがサポートしています。


定義と用法

<img> タグは、HTML ページの画像を定義します。.

<img> タグには、2つの必須タグがあります: src と alt。

注: 画像は、技術的に HTML ページに挿入されるのではなく、画像は HTML ページにリンクされます。 The <img> タグは、参照するイメージを表示するスペースを作成します。

チップ: イメージを別の文書へリンクするためには、単に <a> タグの中に <img> タグをネストします。


HTML 4.01 と HTML5 との相違点

layout 属性: align、border、hspace、vspace は、HTML 4.01 では 非推奨 でしたが、HTML5 ではサポートされなくなりました。


属性

属性 説明
src URL 必須。画像の URL を指定する
alt text 必須。画像の代替テキストを指定する
height pixels 画像の高さを指定する
ismap ismap  サーバ・サイドのイメージマップとして画像を指定する
usemap #mapname クライアント・サイドのイメージマップとして画像を指定する
width pixels 画像の幅を指定する

グローバル属性

<img> タグは、HTML5におけるグローバル属性 もサポートします。


イベント属性

<img> タグは、HTML5におけるイベント属性 もサポートします。