HTMLの画像表示について

状況

同じ階層にある画像が表示されません。HTMLを勉強しようと思った矢先におきました。
他の質問も見て実践してみましたが、できなかったため質問させていただきます。

以下その該当すると思われる部分の説明です。
足りない部分がございましたら、ご指摘ください。

HTML
1/blog/home/templates/home/index.html
2
3<!DOCTYPE html>
4<html lang = 'ja'>
5  <head>
6    <meta charset='utf-8'>
7    <title>test</title>
8
9    <h1>TEST</h1>
10
11  </head>
12  <body>
13 
14    <img src="coffee.jpg",alt="coffee">
15
16  </body>
17
18
19</html>
20
21

HTML
1/blog/home/urls.py
2
3from django.urls import path
4from . import views
5urlpatterns = [
6    path('top/',views.top),
7    path('about/',views.about)
8]
9

HTML
1/blog/home/views.py
2
3from django.shortcuts import render
4
5# Create your views here.
6def top(request):
7    return render(request,'home/index.html')
8
9def about(request):
10    return render(request,'home/about.html')
11

環境

python3.6.7
django 1.11
Atom

お力添えいただければ幸いです。

行動規範の内容に同意します

回答1件

ベストアンサー

そもそも , が中に入るHTMLってないわけですが
<img src="coffee.jpg",alt="coffee">

フレームワークにはフレームワークのルールがあります。
画像は確かに「HTMLファイルと同じ場所」にあるかもしれませんが、
そのHTMLファイルって、あくまでテンプレートであって、フレームワークから
例えばURLを解析したルーティングから参照されたコントローラから呼び出されたものであって、
http://example.com/test とかでアクセスされた実体からのパスには存在しませんよね？

Djangoについて詳しく知っているわけではありませんが、
基本的には画像やCSS、jsなどの外部ファイルはWebルート配下に置かれる必要があり、
適切な呼び出し方によって呼び出されるべきと思います。

少し調べましたがDjangoでは上記外部ファイルは「静的ファイル」として扱うようですね。

下記が参考になるのではないでしょうか。

ドキュメントにもきちんと書かれているようです。