CodePenで知られている問題Flickrをサポートしていますか？

Question

プログラミング初心者にはここ！私はかなり基本的なHTML/CSSファイルを持つプロジェクトを完成させています。私はのAtomをエディタとして使用しています。 HTMLファイルとCSSファイルの両方がエラーなしで検証され、Atom HTMLプレビューとChromeでページを正しくプレビューできます。

は私がCodePenを経由してレビューのために私のプロジェクトを提出することができるように、私はFlickrのにアップロードされたHTMLファイル内に2枚の画像を持っています。 CodePenの新しいimg srcコードを接続すると、破損した画像リンクとして表示されます。例えば

は、以下のコードは、（視聴ポストを容易にするために括弧の代わりにupticksを使用して）Chromeブラウザのプレビューと同様のAtom HTMLで正常に動作します：

'img src="lizatdesk.png" class="image" alt="graphic of Liz sitting at her desk"' 

をそして、これはFlickrやによって割り当てられた私のリンクですCodePenに差し込ま - （ポストを見やすくするためにupticksの代わりに、括弧を使用して）壊れたリンクでの結果：

'img src="https://flic.kr/p/QFZVZp" class="image" alt="graphic of Liz sitting at her desk"' 

誰かが助けることができますか？

Answer 1

https://flic.kr/p/QFZVZpイメージを指していません。 HTMLページを指しています。 Flickrに保存されている写真を表示するには、写真のURLを使用する必要があります。このFAQを参照してください。あなたの場合、それはhttps://c1.staticflickr.com/1/255/31957771213_4ed09e18b1_o.pngです。また、Flickrの使用条件ごとに、Flickrにリンクを戻す必要があります。