ホームページ > 記事 > ウェブフロントエンド > HTMLに画像を挿入する方法

HTMLに画像を挿入する方法

青灯夜游オリジナル: 2021-05-03 09:06:1597456ブラウズ

HTML では、src 属性を指定した img タグを使用して画像を挿入できます。構文形式は「」です。 img タグは、HTML ページ内の画像を定義し、参照される画像のプレースホルダーを作成するために使用され、src 属性は、画像が表示される URL を指定するために使用されます。

HTMLに画像を挿入する方法

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML では、img タグを使用して画像 を挿入できます。構文:

<img  src="图片文件路径" / alt="HTMLに画像を挿入する方法" >

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="HTMLに画像を挿入する方法" >
	</body>
</html>

レンダリング:

HTMLに画像を挿入する方法

HTML タグ

HTMLに画像を挿入する方法タグは、HTML ページ内の画像を定義します。

HTMLに画像を挿入する方法タグには、src と alt という 2 つの必須属性があります。

注: 技術的には、画像は HTML ページに挿入されるのではなく、HTML ページにリンクされます。 HTMLに画像を挿入する方法タグは、参照画像のプレースホルダーを作成します。

ヒント: タグ内に HTMLに画像を挿入する方法タグをネストして、別のドキュメントへのリンクを追加します。

属性値:

#srcURL#usemapvspace 画像の上下の余白を指定します。 width 推奨チュートリアル: 「html ビデオチュートリアル

属性	値	説明
align	top bottom middle left right	HTML5 サポートされていません。 HTML 4.01 は非推奨になりました。周囲のテキストに対して画像をどのように配置するかを指定します。
loading	eager: すぐにロードします。 lazy: 遅延ロード	ブラウザが画像をすぐにロードするか、遅延してロードするかを指定します。
alt	text	画像の代替テキストを指定します。
border	ピクセル	HTML5 サポートされていません。 HTML 4.01 は非推奨になりました。画像の周囲の境界線を指定します。
クロスオリジン	匿名 use-credentials	画像のクロスドメイン属性を設定します
height	pixels	画像の高さを指定します。
hspace	ピクセル	HTML5 サポートされていません。 HTML 4.01 は非推奨になりました。画像の左側と右側の余白を指定します。
ismap	ismap	画像をサーバー側のイメージマップとして指定します。
longdesc	URL	#HTML5 サポートされていません。 HTML 4.01 は非推奨になりました。画像の長い説明を含むドキュメントを指す URL。
	画像を表示する URL を指定します。
#mapname	イメージをクライアント側のイメージマップとして定義します。
ピクセル	HTML5 サポートされていません。 HTML 4.01 は非推奨になりました。
pixels	画像の幅を指定します。

」

以上がHTMLに画像を挿入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTMLでエンコードを設定する方法次の記事：HTMLでエンコードを設定する方法

続きを見る