どうやって画像がhrefとしてウェブサイトに読み込まれないのですか？

Question

私は本当にこれに新しいですが、私の問題をheres。私は自分のウェブサイトに写真をアップロードする必要があります（私はaptana studios 3を使用しています）。だから私はjpegとして画像を保存し、コードを使用する： 今は、私は画像をアップロードしているが、それは読み込まれません認識します。私はイメージを変換するか、それを一定の方法で保存する必要がありますか？

Answer 1

お友達に問題があるコードを投稿してください。どんな場合でも、どのファイル拡張子を使用するかは問題ありません（ただし、.pngはウェブに最適かもしれません）。私はこれがハードコードされていると仮定していますHTML、その場合は、画像を表示するために単純な<img />要素を使用します。イメージが近くのディレクトリに保存されていることを確認してください。上記の例では

<div> 
    <div class="item"><img src="./example.png"/></div> 
</div> 

、example.pngは私のindex.htmlファイルと同じフォルダにあります。 ではなく、srcという属性を使用します。 hrefアトリビュートは、要素、例えば、要素が読み込まれるときに読み込まれるページを指定します。 <a>要素をクリックします。 CSSスタイルシートをお持ちの場合は、background-imageから<div>の要素に画像を読み込むと、高さや幅などの画像プロパティを操作しやすくなります。その一例は次のようになります。ここでは

.item { 
    background-image: url("boxes.png"); 
    width: 800px; 
    height: 600px; 
    background-size: contain; 
} 

、私は画像の高さと幅を設定し、私は画像全体がショーになりたい私のスタイルを教えて：

<div> 
    <div class="item"/></div> 
</div> 

がCSSを..and background-size: contain;となります。

こちらがお役に立てば幸いです。