HTMLイメージ
オンラインの例
画像を挿入
この例では、Webページ内の画像を表示する方法を示しています。
異なる場所から写真を挿入します
この例では、別のフォルダやサーバイメージがWebページを表示する方法を示しています。
(このページの下部にあるより多くの例を見つけることができます。)
HTMLの画像 - 画像タグ(<IMG>)とソース属性(SRC)
HTMLでは、画像は、<img>タグによって定義されています。
<img>タグは、属性が含まれていることを意味し、空で、タグを閉じていません。
ページ上の画像を表示するには、ソース属性(SRC)を使用する必要があります。 Srcは「ソース」を意味します。 ソース属性の値は、画像のURLです。
カスタムイメージの構文は次のとおりです。
URLは、画像を格納するための場所を指します。 画像はimagesディレクトリwww.w3school.com.cnある「boat.gif」と命名されている場合は、URLがhttp://www.w3school.com.cn/images/boat.gifです。
ブラウザは、イメージタグが表示され、文書内の画像が表示されます。 あなたが2段落間の画像タグを入れた場合、ブラウザはまず最初の段落を表示し、最後の番目の段落表示された画像が表示されます。
HTMLの画像 - alt属性
alt属性を調製文字画像の文字列の別の定義として使用されます。
テキストプロパティを交換した値は、ユーザ定義されています。
ブラウザが画像をロードできない場合には、置き換えるテキスト属性は、彼らが情報を失う読者に伝えます。 この場合、ブラウザではなく、画像の代替テキストが表示されます。 ページ上の画像は、置換テキストプロパティと組み合わせて、より良い表示情報に役立ちますし、プレーンテキストブラウザを利用している人のために非常に便利です良い習慣、です。
HTMLの画像 - 画像の高さと幅を設定します。
画像の幅と高さを設定するための高さ(高さ)および幅(幅)特性。
ピクセル単位でのデフォルトの属性値:
ヒント:習慣の指定された高さと幅の良好な画像。 なお、画像の高さは幅が指定されている場合は指定したサイズ、ページがロードさを保持します。 あなたは、画像のサイズを指定しない場合、ページのロードがHTMLページ全体のレイアウトを弱体化させるだろうというとき、それは可能です。
基本的な予防策 - 便利なヒント:
注意:HTMLファイルには、10の画像が含まれている場合は、このページを正しく表示するために、あなたは11のファイルをロードする必要があります。ロード画像は時間がかかりますので、私たちのアドバイスは、次のとおりです。注意画像。
注:画像の位置を正しく設定することができない場合は、ページがロードされると、ページ画像のパスを挿入するように注意を払うように、ブラウザが画像をロードすることはできません、イメージタグが壊れたイメージが表示されます。
より多くの例
アレンジメントの写真
この例では、テキストに画像を配置する方法を示しています。
浮動画像
この例では、左または右段落に画像フロートを作成する方法を示しています。
画像リンクを設定します
この例では、リンクとして画像を使用する方法を示します。
イメージマップの作成
この例では、クリック可能な領域を持つイメージマップを作成する方法を示しています。 これらの領域のそれぞれは、ハイパーリンクです。
HTMLイメージタグ
标签 | 描述 |
---|---|
<img> | 定义图像 |
<map> | 定义图像地图 |
<area> | 定义图像地图中的可点击区域 |