HTMLで画像とその画像サイズを定義するにはどうすればよいですか?-htmlチュートリアル-php.cn

HTMLで画像とその画像サイズを定義するにはどうすればよいですか?

藏色散人

リリース： 2018-08-25 16:37:57

オリジナル

16409 人が閲覧しました

HTML Web ページを作成するプロセスでは、画像の参照が不可欠です。では、HTMLの定義画像はどのように書かれているのでしょうか？画像のサイズと幅は HTML コードを使用してどのように制御されますか?この記事では、html 画像タグと htm による画像サイズの定義方法に関する関連知識を詳しく紹介します。困っている友達の助けになれば幸いです。

画像を定義する HTML の具体的なコード例は次のとおりです:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html图像标签使用示例</title> 
</head>
<body>
<p>
一个图像:
<img src="/upload/course/000/000/010/58046a2b7e46d104.gif" alt="Smiley face" width="32"    style="max-width:90%"></p>
<p>
一个动图:
<img src="/upload/course/000/000/010/58046a41c6e3c115.gif" alt="Computer man" width="48"    style="max-width:90%"></p>
<p>
注意HTML定义图像和插入动图的语法是一样的。
</p>
</body>
</html>

ログイン後にコピー

効果は次のとおりです:

HTMLで画像とその画像サイズを定義するにはどうすればよいですか?

上記は、HTML を使用して Web ページに画像を表示する方法の簡単な例です。

以下はサーバーから画像を取得して表示する例です:

<p>一个来自文件夹中的图像:</p>
<img src="/upload/course/000/000/010/58046b14a8b9f738.gif" alt="Google Chrome" width="33"    style="max-width:90%"><p>一个来自php中文网的图像:</p>
<img src="/upload/course/000/000/010/58046c29b47ef575.png" alt="php.cn" width="336"    style="max-width:90%">

ログイン後にコピー

その効果は次のとおりです:

HTMLで画像とその画像サイズを定義するにはどうすればよいですか?

上記の説明を通して、誰もが重要なラベルを見たことがあるはずです。

HTMLで画像とその画像サイズを定義するにはどうすればよいですか? タグ:

HTML では、画像は HTMLで画像とその画像サイズを定義するにはどうすればよいですか? タグによって定義されます。これは属性のみを含み、終了タグを含みません。ページに画像を表示するには、source 属性 (src) を使用する必要があります。 src は「ソース」を指します。 source 属性の値は、画像の URL アドレスです。

ここでは、それぞれ画像の幅と高さを表す width 属性と height 属性にも注目してください。これら 2 つの属性をマスターすると、初心者が HTML を使用して画像のサイズを定義する方法、つまり HTML コードによって表示される画像のサイズを制御する方法の問題を解決するのに役立ちます。

要約すると、HTML 画像タグの使用方法と HTML で画像サイズを定義する方法を学ぶことが皆さんの役に立つことを願っています。

以上がHTMLで画像とその画像サイズを定義するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。