dJango 新手的一个模板渲染问题

目标效果是这样的：

<li><img src="images/first.png" /><a href="toggle/?name=first &action=on">开</a><a href="toggle/?name=first &action=off">关</a></li>
<li><img src="images/second.png" /><a href="toggle/?name=second &action=on">开</a><a href="toggle/?name=second &action=off">关</a></li>
<li><img src="images/third.png" /><a href="toggle/?name=third &action=on">开</a><a href="toggle/?name=third &action=off">关</a></li>
<li><img src="images/fourth.png" /><a href="toggle/?name=fourth &action=on">开</a><a href="toggle/?name=fourth &action=off">关</a></li>

我的实现是这样的：
模板：
<li>{{ first }}</li>
<li>{{ second }}</li>
<li>{{ third }}</li>
<li>{{ fourth }}</li>
python 代码：
def index(request):
context = {}
names = ['first','second','third','fourth']
for name in names :
context[name] = '<img src="images/'+name+'.png" /><a href="toggle/?name='+name+'&action=on">开</a><a href="toggle/?name='+name+'&action=off">关</a>'

return render(request,'index.html',context=context)
实际效果是 python 代码里面的 HTML 标签被渲染成字符串了，这个应该怎么处理，让 python 代码里面也可以写 HTML 标签？