html - using static images with django -

I am trying to upload static images for the demo on my website. I have already been through settings.py and everything is on it, because it should be because stable css works. My question is how do i codify it, if the product id 1 is shown then Show the photo. I tried to code it down but the images are not visible.

  & lt ;! DOCTYPE html public "- // W3C // DTD XHTML 1.0 Strongly // N" http: //www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">;;;;; gt; html xmlns = "http : //www.w3.org/1999/xhtml "& gt; {% load static file%} & lt; head & gt; Meta http-equiv =" content-type "content =" text / html; Charset = utf-8 "/> gt; title & gt; The Book Cove  & lt; link rel =" stylesheet "type =" text / css "href =" {% static 'Screenstyle.css'%} "/> & lt; / head> gt; body & gt; & lt; div id =" content "& gt; div id =" header "& gt; ; & Lt; p class = "title" & gt; The Book Cove.   
 
   
  gt; {{product.author}}   & lt; / l & gt; ; HR / & gt; {% if pk.id = 1%} & lt; img src = "{% static 'cat1.png'%}" alt = "defect in our stars" /> {% Elif product .id = 2%} & lt; img src = "{% static 'cat2.png'%}" alt = "Alaska searching" /> {% Elif product.id = 3%} & lt; img src = "{% Static 'cat3.png' %} "Alt =" Alaska searching "/> {% Elif product.id = 4%} & lt; img src =" {% static 'cat4.png'%} "alt =" Looking for Alaska "/ & Gt; {% Elif product.id = 5%} & lt; img src = "{% static 'cat5.png'%}" alt = "Searching for Alaska" /> {% Endif%} {% endfor %} & Lt; / Ul & gt; {% Elif NonFiction%} & lt; Ul & gt; For Product in {% NonFiction%} & lt; Li id = "pname" & gt; & Lt; A href = "url 'product_detail' product.id%}" & gt; {{Product}} & lt; / A & gt; & Lt; / Li & gt; & Lt; P class = "value" & gt; £ {{product.price}} & lt; / P & gt; & Lt; P class = "author" & gt; & Lt; Em> {{Product.author}} & lt; / Em> & Lt; / P & gt; & Lt; Hr / & gt; {% Endfor%} & lt; / Ul & gt; {% Else%} & lt; P & gt; No products found! & Lt; / P & gt; {% Endif%} & lt; / Div & gt; & Lt; Div id = "footer" & gt; & Lt; P & gt; & Lt; Strong & gt; Copyright © 2011 Book Kaw. All Rights Reserved & lt; / Strong> & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;  
 
 You must use assignments instead of assignment (==) (=) < / P> 
  {% if pk.id == 1%}  
 
 However, there is a better way that the  ImageField   product  on the model and then your template will be simple. 
 
  {% for product in Fiction%} & lt; Li id = "pname" & gt; & Lt; A href = "url 'product_detail' product.id%}" & gt; {{Product}} & lt; / A & gt; & Lt; / Li & gt; & Lt; P class = "value" & gt; £ {{product.price}} & lt; / P & gt; & Lt; P class = "author" & gt; & Lt; Em> {{Product.author}} & lt; / Em> & Lt; / P & gt; & Lt; Hr / & gt; & Lt; Img src = "{{product.image.url}}" alt = "Alaska searching" /> {% Endfor%}