」を使用してアイコンを定義し、最後に「align="center"」属性を使用してアイコンを中央に配置します。画像。"/> 」を使用してアイコンを定義し、最後に「align="center"」属性を使用してアイコンを中央に配置します。画像。">

ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLで画像を中央に配置する方法

HTMLで画像を中央に配置する方法

藏色散人
藏色散人オリジナル
2021-04-12 09:28:4745161ブラウズ

html画像を中央に配置する方法: まず HTML サンプル ファイルを作成し、次に「」を使用してアイコンを定義し、最後に「align="center"」を使用します。画像を中央に配置する属性を設定するだけです。

HTMLで画像を中央に配置する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

コード エディターを開きます。ここでは例として ATOM を使用します。

HTMLで画像を中央に配置する方法

新しい HTML ドキュメントを作成します。

HTMLで画像を中央に配置する方法

まず HTML 形式を定義し、次にドキュメント全体の基本構造を定義する必要があります。 HEADとBODYが分かれていることに注意してください。

HTMLで画像を中央に配置する方法

このとき、 を使用してアイコンを定義し、src に画像へのリンクを置きます。

HTMLで画像を中央に配置する方法

チェックしてください。デフォルトでは、画像は左側に表示されます。

HTMLで画像を中央に配置する方法

現時点では、他の部分と区別するために、div を使用して画像に別の領域を定義できます。

HTMLで画像を中央に配置する方法

次に、div に align="center" を追加し、ファイルを保存します。

HTMLで画像を中央に配置する方法

HTML ファイルを開くと、画像が中央に配置されていることがわかります。

HTMLで画像を中央に配置する方法

HTMLビデオチュートリアル

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

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