Html タグを使用して画像を Web ページ上の別の場所に移動したい場合は、以下に示す手順に従う必要があります。
ステップ1: まず、テキスト エディターに HTML コードを入力するか、画像を配置する既存の HTML ファイルをテキスト エディターで開く必要があります。
Align an Image Hello User! This page helps us to understandhow to specify an image at a particular position in a pargraph using the Html tag. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp">
ステップ2: 次に、カーソルを 整列させたい画像のタグ。そして、位置を指定するには img タグの align 属性を使用する必要があります。したがって、次のブロックで説明するのと同じように、align 属性を入力する必要があります。
<img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt>
ステップ 3: 場所を指定したら、HTML コードを保存して、ファイルを実行する必要があります。段落内のさまざまな場所に画像を表示するさまざまな HTML コードが次のとおりです。
1. ミドル
この配置値は画像を中央に設定します。
Align an Image at middle Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is first section in this page which describes how to specify an image at middle in a pargraph using the Html tag.</p>今すぐテストしてください
上記の HTML コードの出力を次のスクリーンショットに示します。
2.トップ
この配置値は、画像を上部に設定します。
Align an Image at Top Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is Second section in this page which describes how to specify an image at top in a paragraph using the Html tag.</p>今すぐテストしてください
上記の HTML コードの出力を次のスクリーンショットに示します。
3.底部
この配置値は、画像を下部に設定します。
Align an Image at bottom Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is third section in this page which describes how to specify an image at bottom in a paragraph using the Html tag.</p>今すぐテストしてください
上記の HTML コードの出力を次のスクリーンショットに示します。
あと4
この配置値は、画像を左側に設定します。
Align an Image at left Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is fourth section in this page which describes how to specify an image at left side of a paragraph using the Html tag.</p>今すぐテストしてください
上記の HTML コードの出力を次のスクリーンショットに示します。
5.右
この配置値は、画像を右側に設定します。
Align an Image at Right Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is fifth section in this page which describes how to specify an image at right side of a paragraph using the Html tag.</p>今すぐテストしてください
上記の HTML コードの出力を次のスクリーンショットに示します。