ホームページ > 記事 > ウェブフロントエンド > HTMLで画像をインポートする方法
html画像のインポート方法: まず、新しい HTML ファイルを作成し、body タグに img タグを挿入します。次に、タグに「src」属性を追加し、追加する画像のパスを入力します。属性値として「alt」属性を追加し、最後に「width」と「height」を使用して画像の幅と高さを制御します。
このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。
html画像のインポート方法:
1. 図のように新規HTMLファイルを作成し、bodyタグ内にimgタグを挿入します。そのimgはhtml内に終了タグがないので「」を追加する必要はありません。タグに「src」属性を追加し、属性値に追加したい画像へのパスを入力します。ここでは例として html と同じディレクトリにある 1.png を使用して画像を挿入します。
#2. Web の閲覧時にユーザーが画像を読み込めないようにするには、img タグに「alt」属性を追加します。画像の読み込みに失敗したときに表示され、ここにどのような画像があるかをユーザーに知らせます。ユーザーが画像上にマウスを置くと、プロンプト情報が表示される場合にも使用できます。ここでは、属性値 "parrot" を次のように扱います例: 3. img タグに挿入された画像の幅と高さは、デフォルトでは画像そのものになります。幅と高さです。幅をカスタマイズしたい場合は、と高さは、「幅」と「高さ」を使用して制御できます。ここでは、例として幅と高さの両方を200とします。「幅」と「高さ」の属性値を「200」に設定します」:
無料学習の推奨事項: html ビデオ チュートリアル
以上がHTMLで画像をインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。