HTMLで画像を読み込む方法

藏色散人
リリース: 2023-01-06 11:15:08
オリジナル
8653 人が閲覧しました

html画像の読み込み方法: 1. img タグ、「」などのコードを使用して画像を挿入します。 2. 背景属性「」を使用して挿入します。背景」の写真。

HTMLで画像を読み込む方法

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

最初のタイプ: img タグを使用して画像を挿入する

<img src="h5course.png" alt="HTML5学堂">
ログイン後にコピー

2 つ目のタイプ: 背景画像を通して画像を挿入する

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title></title>
    <style type="text/css">
        .h5course {
            width: 200px;
            height: 200px;
            /* 图片路径记得修改哈 */
            background: url(&#39;../images/h5course.jpg&#39;);
        }
    </style>
</head>
<body>
    <div class="h5course">HTML5学堂</div>
</body>
</html>
ログイン後にコピー

推奨チュートリアル: html ビデオ チュートリアルcss ビデオ チュートリアル

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

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