首页 > 其他分享 >模板中的HTML标签用法

模板中的HTML标签用法

时间:2023-04-07 22:35:49浏览次数:39  
标签:定义 标签 XXX 无序 列表 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文件中的用法

 

标签:定义,标签,XXX,无序,列表,HTML,模板
From: https://www.cnblogs.com/light-shadow/p/17297478.html

相关文章

  • 2023.4.7【模板】快速沃尔什变换FWT
    2023.4.7【模板】快速沃尔什变换FWT题目概述给定长度为\(2^n\)两个序列\(A,B\),设\(C_i=\sum_{j\oplusk=i}A_j\timesB_k\)分别当\(\oplus\)是or,and,xor时求出\(C\)我们通常将这个操作,叫做“位运算卷积”,因为它的卷积是按照位运算法则“卷”起来的。算法流程或......
  • html中的button标签为什么加上@click没有跳转
    问题描述它不跳转问题解决1、首先,我们需要先引用进去这个:2、方法命名要正确@click里面的函数方法定位到axios的methods里面的方法名称,二者需要保持一致3、下载JQuery库不然会一直显示Unresolvedfunctionormethodview()的错误,无法实现函数方法的定位......
  • 【模板】高斯消元
    #include<bits/stdc++.h>usingnamespacestd;constdoubleeps=1e-10;doubleuu,a[52][52],b[52];intn,l[52];boolpd;inlinevoidzzd(int&maxx,inti,intcnt){ for(intj=cnt+1;j<=n;++j){//找系数最大值 if(fabs(a[j][i])>fabs(a[maxx][i])) max......
  • 使用模板窗口生成测试数据
    1.准备工作*需要的环境1.Oralce、MySQL、PG等主流数据库2.HHDBCS7.6及以上版本*测试步骤1.建立两张表带有主外键关系2.使用模板窗口生成数据,主键表生成100条,外键表生成10000条3.校验数据生成情况2.建立两张表带有主外键关系--主键表createtabledept(d_id......
  • 实现dhtmlx甘特图
    Vue2使用DHTMLXGantt甘特图[官网地址](HowtoStartwithdhtmlxGanttGanttDocs)实例文件成品展示gantt安装与使用vue2版---部分功能收费安装ganttnpminstalldhtmlx-gantt-save引入---组件`引入`<template> <divref="gantt"class="container"/>......
  • 直播平台制作,html+css复刻登录输入框
    直播平台制作,html+css复刻登录输入框 <!DOCTYPEhtml><html><!--  *Material文本框  *作者:程序员阿诺斯  *时间:2023-3-50:50--><head>  <metacharset="UTF-8">  <metahttp-equiv="X-UA-Compatible"content="IE=edge"......
  • [mybatis-config.xml] 模板
    <?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEconfigurationPUBLIC"-//mybatis.org//DTDConfig3.0//EN""http://mybatis.org/dtd/mybatis-3-config.dtd"><configuration><ty......
  • 今天学习了html
    我是标题<html> <head> <title>我是标题</title> </head> <body> <h1> 我是1号标题 </h1> </body></html>以上就是我今天学习的html代码总结html应该控制下字符集,防止乱码html应该有个标题,titlehtml的标签有一定意义,大家不要创造标签......
  • Flash Builder TODO/FIXME 标签插件
    在项目开发中,经常有一些需要使用任务或者书签,Flashbuilder中可以手动设定标记,但又一个缺点,在多人开发中,这些标记无法方便的共享.有一种方式就是使用注释来实现同样的标注功能,Flashbuilder4.5中有一个选项(如下图),坑爹FlashBuilder,坑爹的任务标签。。竟然不支持AS。w无奈之下,找到一个......
  • PageOffice——动态填充Word模板并在线编辑
    说明:使用pageoffice动态给word模板填充数据,插入图片、excel、word格式的文件和创建表格。一、准备工作:本地创建一个doc或者docx格式的文件,在文件中需要插入数据的地方设置以“PO_”开头的书签(pageoffice只能识别“PO_”开头的书签)。 二、插入图片PageOfficeCtrlp......