ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLに画像パスを追加する方法

HTMLに画像パスを追加する方法

coldplay.xixi
リリース: 2021-01-25 13:58:41
オリジナル
12766 人が閲覧しました

HTML に画像パスを追加する方法: まず、新しい HTML ファイルを作成し、body タグに img タグを挿入します。次に、img タグに「alt」属性を追加します。最後に、画像の幅と高さを指定します。 img タグに挿入された画像のデフォルトは画像自体の幅と高さです。

HTMLに画像パスを追加する方法

このチュートリアルの動作環境: Windows10 システム、html5 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

関連学習の推奨事項: html チュートリアル

html画像パスの追加方法:

1. 新しい HTML ファイルを作成します。など 図のようにbodyタグの中にimgタグを挿入します なお、imgはhtmlには終了タグがないので「」を追加する必要はありません。タグに「src」属性を追加し、属性値に追加したい画像へのパスを入力します。ここでは例として html と同じディレクトリにある 1.png を使用して画像を挿入します。

HTMLに画像パスを追加する方法

#2. Web の閲覧時にユーザーが画像を読み込めないようにするには、img タグに「alt」属性を追加します。画像の読み込みに失敗したときに表示され、ここにどのような画像があるかをユーザーに知らせます。ユーザーが画像上にマウスを置くと、プロンプト情報が表示される場合にも使用できます。ここでは、属性値 "parrot" を次のように扱います例:

HTMLに画像パスを追加する方法

3. img タグに挿入された画像の幅と高さは、デフォルトでは画像そのものになります。幅と高さです。幅をカスタマイズしたい場合は、と高さは、「幅」と「高さ」を使用して制御できます。ここでは、例として幅と高さの両方を200とします。「幅」と「高さ」の属性値を「200」に設定します”:

HTMLに画像パスを追加する方法#

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート