画像は表示されません

Question

私は新しいコーディングに慣れており、2つの一見同一のコードが同じように動作しない理由を特定できませんでした。この演習では、Webページに単に画像を表示するだけです。簡単ですが、なぜ同じコードが2回に1回しか動作しないのか分かりません。

このコードは動作します：

 <div class="col-sm-6"> 
     <div class="well text-center"> 
      <div> 
       img class="img-responsive" src="http://pre10.deviantart.net/1d23/th/pre/i/2013/070/1/e/grumpy_cat_by_bwcopy-d5xod2v.jpg" 
      </div> 

このコードはいませんが：

 <div class="col-sm-6"> 
     <div class="well text-center"> 
      <div> 
       img class="img-responsive" src="https://img.buzzfeed.com/buzzfeed-static/static/2015-04/21/16/enhanced/webdr05/enhanced-31550-1429646952-7.jpg" 
      </div> 

私は非稼働写真のソースをチェックし、それが有効です。 （超かわいい子犬が好きなら、それを自分で確認してください）。

私には見えないものはありますか？ （明らかに子犬の絵に加えて）。

ありがとうございました。

Answer 1

あなたはimgタグを使用していません。プレーンテキストだけを書いています。これに

変更は、（括弧に注意してください）：

<img class="img-responsive" src="http://pre10.deviantart.net/1d23/th/pre/i/2013/070/1/e/grumpy_cat_by_bwcopy-d5xod2v.jpg" /> 

第一及び第二のコードスニペットは、それらのいずれかが動作するはずがない理由、同じように見えます。

Answer 2

この

 \t \t <div class="col-sm-6"> 
 
\t \t \t <div class="well text-center"> 
 
\t \t \t \t <div> 
 
\t \t \t \t \t <img class="img-responsive" src="http://pre10.deviantart.net/1d23/th/pre/i/2013/070/1/e/grumpy_cat_by_bwcopy-d5xod2v.jpg"> 
 
\t \t \t \t </div>

またはこれを試してみてください。

<div class="col-sm-6"> 
 
\t \t \t <div class="well text-center"> 
 
\t \t \t \t <div> 
 
\t \t \t \t \t <img class="img-responsive" src="https://img.buzzfeed.com/buzzfeed-static/static/2015-04/21/16/enhanced/webdr05/enhanced-31550-1429646952-7.jpg"> 
 
\t \t \t \t </div> \t