# 导航 HTML 设计器
HTML 设计器用于构建 HTML 报告模板。设计器已嵌入Qlik Sense应用程序。
HTML 设计器允许您使用 HTML 代码，并将应用程序内容整合到模板中。
HTML 设计器
HTML 设计器
HTMLHTML 设计器 
## 打开 HTML 设计器
您可以通过创建新的 HTML 模板或编辑现有模板来打开 HTML 设计器。
执行以下操作：
1. 在应用程序中使用导航栏中的下拉菜单，选择报表。
2. 切换到模板选项卡。
3. 在右上角单击新建 > HTML模板。
4. 输入模板的名称
HTML设计器打开。
## 设计器工具栏
设计器工具栏位于HTML设计器的顶部。在工具栏中，您可以：
* 在模板中轻松添加常用 HTML 元素，如标题、段落和列表。
* 在模板中添加外部图像。例如，可以添加公司徽标。
* 添加收件人标记。有关更多信息，请参阅[添加收件人的占位符标记](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-recipient-tags.htm)。
* 撤销和重做操作，以及缩放级别调整。
有关更多信息，请参阅[向模板添加标准 HTML 代码](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-toolbar-actions.htm)。
## 设计界面
设计表面位于设计器的中心。此处显示模板内容。它是一个画布，您可在其中添加 HTML 代码形式的模板内容，并引用您在对象面板中添加的应用程序对象。
## 对象面板
对象面板位于设计器右侧。您可以使用对象面板在分析应用程序中创建和管理对象，并将它们作为内容添加到模板中。根据需要进行面板大小调整。
您可以从对象面板顶部访问以下菜单：
* the 主页 icon：主菜单这是您创建模板时的起始位置。
* the 表格 icon：菜单。在这里，您可以将表格数据添加至模板。
[将表格数据添加到您的 HTML 模板](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-tabular-data.htm)
* the 图表 icon：菜单。您可以在此处将图表图像添加至模板。
[在您的 HTML 模板中将图表添加为图像](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-chart-images.htm)
* the 变量和表达式 icon：菜单。在这里，您可向模板添加变量和表达式。
[向 HTML 报告模板添加变量和表达式](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-variables-expressions.htm)
* the 级别 icon：菜单。这是您为模板添加级别的地方，用于筛选内容的迭代。
[循环带级别的 HTML 报告元素](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-levels.htm)