模板中的HTML标签用法

1. if 条件判断，HTML中不用冒号“：”，而是用{% %}包裹语句。要有 endif 结尾。

    {% if latest_question_list %}
        XXX
    {% else %}
        XXX
    {% endif %}    

2. for循环，也需要用{% %}包裹语句。要有endfor 结尾

{% for q in latest_question_list %}
    XXX
{% endfor %}

3. <ul>  </ul>标签

<ul> 标签定义无序列表。就是每行前边没有数字。

将 <ul> 标签与 <li> 标签一起使用，创建无序列表。

4. <ol>  </ol>标签

<ol> 标签定义了一个有序列表。就是每一行列表前都有数字。

使用<li> 标签来定义列表选项。

5.  <li> </li>标签

<li> 标签定义列表项目。<li> 标签可用在有序列表（<ol>）、无序列表（<ul>）中。

6. <a> </a>标签

<a> 标签定义超链接，用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性，它指定链接的目标。

<a href="https://www.runoob.com">访问菜鸟教程!</a>

7. <p> </p>标签

 <p> 标签定义段落。

<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

8.{{}}和{%%}

{{}}是用来绑定数据的，将传过来的参数用{{}}接受，不管是在字符串中还是文本中，都会将{{}}中的变量的值输出来

{%%}是python在.html文件中的用法

9. <br> 标签

<br> 标签插入一个简单的 换行符。

<br> 标签是一个空标签，意味着它没有结束标签。

10.<table>  </table> 标签

表格 由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。

 也就是<table>表示有个表，<tr>表示行，有几行就有几个<tr>，<td>表示每行有多少个单元格。

11.<input> 标签规定了用户可以在其中输入数据的输入字段。

<input type="text" name="fname" value="默认值">

<label> 标签为 input 元素定义标注（标记），与<input>标签一起用

<label for="male">Male</label>

<label> 标签的 for 属性应当与相关元素的 id 属性相同。