HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで画像を表示する方法は？

HTMLのタグを使用して、画像を表示します。以下は属性です-

属性
値
説明
整列
上
下
真ん中
左
正しい
非推奨 −画像の配置を指定します。
Alt
text
代替テキストを指定します
境界線
ピクセル
非推奨-画像の境界線の幅を指定します。
クロスオリジン HTMLで画像を表示する方法は？
匿名の使用-クレデンシャル
クロスオリジンアクセスを許可するサードパーティサイトの画像をキャンバスで再利用できます。
高さ
ピクセルまたは％
画像の高さを指定します。
hspace
ピクセル
非推奨 −オブジェクトの左右に挿入される空白の量。
Ismap
URL
画像をサーバー側の画像マップとして定義します。
Longdesc
text
非推奨 −長い説明のURI / URLを指定します-これにより、alt属性で指定された短い説明を詳しく説明できます。
Src
URL
画像のURL
ユースマップ
#mapname
画像をクライアント側の画像マップとして定義し、 およびタグと一緒に使用します。
Vspace
ピクセル
非推奨 −オブジェクトの上下に挿入される空白の量。
幅
ピクセルまたは％
画像の幅をピクセル単位または％単位で設定します。
例

次のコードを実行して、Webドキュメントに画像を追加してみてください-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img Tag</title>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg"
      alt = "Learn HTML5" height = "250" width = "270" />
   </body>
</html>

  1. HTMLで画像をリンクとして使用するにはどうすればよいですか？

    HTMLで画像をリンクとして使用するには、タグとhref属性を持つタグを使用します。 タグは、Webページで画像を使用するためのものであり、タグは、リンクを追加するためのものです。 image tag src属性の下に、画像のURLを追加します。それで、高さと幅も追加します。 例 次のコードを実行して、画像をHTMLのリンクとして使用することができます <!DOCTYPE html> <html>    <head>       <title>HTML Image as link<

  2. HTMLページでアニメーション画像を使用するにはどうすればよいですか？

    HTMLのアニメーション画像は、移動するWebページ上の画像です。 GIF形式、つまりGraphicsInterchangeFormatファイルです。 HTMLでアニメーション画像を追加するのは非常に簡単です。 を使用する必要があります srcのタグ 属性。 src 属性は画像のURLを追加します。 また、高さを使用して画像の高さと幅を設定します およびwidth属性。 例 次のコマンドを実行して、HTMLのアニメーション画像を操作できます- <!DOCTYPE html> <html>    <head> &