2016-12-31 100 views
0

我是一個全新的編碼,並且無法確定爲什麼兩個看似相同的代碼工作不一樣。這個練習只涉及在網頁上顯示圖片。很簡單,但我不明白爲什麼相同的代碼只能用於兩次。圖片不會出現

此代碼:

 <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> 

我檢查了源非工作的照片,這是有效的。 (如果你喜歡超可愛的小狗,請自己檢查一下)。

我沒有看到什麼? (顯然除了小狗圖片)。

謝謝。

+0

認爲你缺少的開閉img'的'括號:' ' – linusg

回答

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" /> 

第一和第二代碼片段看起來是一樣的,沒有任何理由任何一方的應該工作。

+0

謝謝Omri。也許我應該提到這是一個調試練習。對兩個早期相同網站的工作代碼和非工作代碼進行比較和修正。我修復了其他部分,但這一個。 –

0

試試這個

 \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

+0

謝謝Abood。添加尖括號到非工作(狗)代碼工作。我的問題是爲什麼,因爲它們不在工作(貓)代碼中。位於https url上的狗圖像是否需要尖括號,而貓圖像的url是否不是http?謝謝你的幫助。 –

+0

它貓和狗的圖像都不顯示,直到你添加天使托架! – Abood