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

HTMLに画像を挿入する方法

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

HTML では、src 属性を指定した img タグを使用して画像を挿入できます。構文形式は「HTMLに画像を挿入する方法」です。 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 ページ内の画像を定義します。

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 までご連絡ください。