どのブラウザでもhtmlファイルが正しく読み込まれない

-2

MDNとオンラインコースのサンプルを数日間続けてきました。どこからでも、使用しているブラウザ（Firefox、Chrome、IE、Edge）ではHTMLファイルが正しく読み込まれません。体の内容のほとんどまたはすべてが表示されません。どのブラウザでもhtmlファイルが正しく読み込まれない

この問題は昨晩起きました。昨晩前に作成したhtmlファイルはうまく動作します。

私のコードがまったく間違っているかどうか試してみるためにCodepenを使いました。ページはCodepenでちょうどうまく表示されました。だから今は余計に混乱しています。

重要な場合は、私は崇高なテキスト2を使用します。

私はアドバイスや提案をいただきありがとうございます。

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Photo Blog</title> 
     <link rel="stylesheet" type="text/css" href="photos.css"> 
     <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> 
    </head> 
    <body> 
     <p>Look at the Photos!</p> 
     <img src=">http://c1.staticflickr.com/9/8450/8026519634_f33f3724ea_b.jpg"> 
     <img src=">http://c2.staticflickr.com/8/7218/7209301894_c99d3a33c2_h.jpg"> 
     <img src=">http://c2.staticflickr.com/8/7231/6947093326_df216540ff_b.jpg"> 
     <img src=">http://c1.staticflickr.com/9/8788/17367410309_78abb9e5b6_b.jpg"> 
     <img src=">http://c2.staticflickr.com/6/5814/20700286354_762c19bd3b_b.jpg"> 
     <img src=">http://c2.staticflickr.com/6/5647/21137202535_404bf25729_b.jpg"> 
     <img src=">http://c2.staticflickr.com/6/5588/14991687545_5c8e1a2e86_b.jpg"> 
     <img src=">http://c2.staticflickr.com/4/3888/14878097108_5997041006_b.jpg"> 
     <img src=">http://c2.staticflickr.com/8/7579/15482110477_0b0e9e5421_b.jpg"> 
    </body> 
</html>

CSS

img{ 
    width: 30%; 
    float:left; 
    margin: 1.66%; 
} 

p{ 
    font-family: Raleway; 
    margin-left: 1.66% 
    font-size: 23 px; 
    font-weight: 800; 
    text-transform: uppercase; 
    border-bottom: 2px solid #f1f1f1; 
    width: 30%; 
    padding-bottom: 20px; 
}

出典

2017-09-09 emrobin

の下に試してみてください。 – BenM

はあなた `src`属性の先頭に`> `を削除するコード

<!DOCTYPE html> 
<html> 
<head> 
    <title>Photo Blog</title> 
    <link rel="stylesheet" type="text/css" href="photos.css"> 
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> 
</head> 
<body> 
    <p>Look at the Photos!</p> 


<img src="http://c1.staticflickr.com/9/8450/8026519634_f33f3724ea_b.jpg"> 
<img src="http://c2.staticflickr.com/8/7218/7209301894_c99d3a33c2_h.jpg"> 
<img src="http://c2.staticflickr.com/8/7231/6947093326_df216540ff_b.jpg"> 

<img src="http://c1.staticflickr.com/9/8788/17367410309_78abb9e5b6_b.jpg"> 
<img src="http://c2.staticflickr.com/6/5814/20700286354_762c19bd3b_b.jpg"> 
<img src="http://c2.staticflickr.com/6/5647/21137202535_404bf25729_b.jpg"> 

<img src="http://c2.staticflickr.com/6/5588/14991687545_5c8e1a2e86_b.jpg"> 
<img src="http://c2.staticflickr.com/4/3888/14878097108_5997041006_b.jpg"> 
<img src="http://c2.staticflickr.com/8/7579/15482110477_0b0e9e5421_b.jpg"> 

</body> 
</html>

出典

2017-09-09 22:09:39

それは働いています。唯一の問題はあなたがimgタグ '>'を使っていたことです。 –

Jeez！それを指摘していただきありがとうございます。私は注意を払う必要があります。 – emrobin

どのブラウザでもhtmlファイルが正しく読み込まれない

答えて

関連する問題