HTML画像コード集

zbt
リリース: 2023-10-30 15:05:58
オリジナル
4570 人が閲覧しました

HTML画像コードには、g>タグ、border属性、attribute、style属性、d属性、style属性が含まれます。

HTML画像コード集

HTML は Web デザインにおける最も基本的な言語の 1 つであり、画像は Web デザインに欠かせない要素の 1 つです。以下は、参考用の画像コード HTML コードの完全なコレクションです。

1.picture

g> タグを挿入します。構文は次のとおりです:

src="图片文件路径" alt="图片描述" width="宽度" 
height="
ログイン後にコピー

height src 属性は、画像のファイル パスを指定するために使用され、alt 属性は、画像の説明テキストを指定するために使用されます。テキストが表示されます。幅と高さの属性は画像を指定するために使用されます。幅と高さは設定できません。

2. 画像の境界線を設定する

画像の境界線を設定するには、HTML の border 属性を使用できます。構文は次のとおりです。

src="图片文件路径" alt="图片描述" border="
ログイン後にコピー

境界線の幅 border 属性は、境界線の幅をピクセル単位で指定するために使用されます。

src="图片文件路径" alt="图片描述
ログイン後にコピー

3. 画像の配置

属性を設定します。構文は次のとおりです:

="对齐方式
ログイン後にコピー

ter など。

4. 画像のスタイルを設定する

画像のスタイルを設定するには、HTML の style 属性を使用できます。構文は次のとおりです:

src="图片文件路径" alt="图片描述" style="
ログイン後にコピー
ログイン後にコピー

Style 属性: 値; style 属性は、スタイル属性と値を指定するために使用されます (例:

src="图片文件路径" alt="图片描述" style="border:1px solid red;
ログイン後にコピー

5)。 画像の背景を設定します。

データ属性。構文は次のとおりです。

d="图片文件路径
ログイン後にコピー

d 属性は、背景画像のファイル パスを指定するために使用されます。

6. 画像サイズの設定

画像のサイズを設定するには、HTML の style 属性を使用できます。構文は次のとおりです。

src="图片文件路径" alt="图片描述" style="
ログイン後にコピー
ログイン後にコピー

width: width; height: height; style属性は幅と高さの値を指定するために使用されます。いずれかのプロパティのみが設定されている場合、もう一方のプロパティは画像の比率に従って自動的に調整されます。

上記は画像コード HTML コードの完全なコレクションです。皆様のお役に立てれば幸いです。

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!