# Navegando no designer do HTML
O designer do HTML é onde você constrói modelos de relatórios do HTML. O designer está incorporado nos aplicativos Qlik Sense.
O designer HTML permite que você trabalhe com o código HTML e integre o conteúdo do aplicativo ao seu modelo.
O designer do HTML
O designer do HTML
O designer do HTMLHTML 
## Abrindo o designer HTML
Você abre o designer HTML criando um novo modelo HTML ou editando um modelo existente.
Faça o seguinte:
1. Em seu aplicativo, use o menu suspenso na barra de navegação e selecione Relatórios.
2. Troque para a guia Templates.
3. No canto superior direito, clique em Criar novo > modeloHTML.
4. Digite um nome para o modelo.
O designer do HTML é exibido.
## Barra de ferramentas do designer
A barra de ferramentas do designer está localizada na parte superior do designer do HTML. Na barra de ferramentas, você pode:
* Adicione facilmente elementos HTML comuns ao seu modelo, como cabeçalhos, parágrafos e listas.
* Adicione imagens externas ao seu modelo. Por exemplo, você pode adicionar o logotipo da sua empresa.
* Adicione tags de destinatário. Para obter mais informações, consulte [Adicionando tags de espaço reservado de destinatário](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-recipient-tags.htm).
* Desfaça e refaça ações e ajuste o nível de zoom.
Para obter mais informações, consulte [Adicionando código HTML padrão ao seu modelo](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-toolbar-actions.htm).
## Superfície de design
A superfície de design é mostrada no centro do designer. É aqui que o conteúdo do template é exibido. É uma tela na qual você adiciona conteúdo de modelo na forma de código HTML e referências a objetos de aplicativos que adicionou no painel de objetos.
## Painel de objetos
O painel de objetos está localizado no lado direito do designer. Você usa o painel de objetos para criar e gerenciar objetos do aplicativo de análise e adicioná-los como conteúdo ao modelo. Redimensione o painel conforme necessário.
Você pode acessar os menus a seguir na parte superior do painel de objetos:
* the Início icon: o menu inicial. É aqui que você começa quando cria seu modelo.
* the Tabelas icon: o menu Tabelas. É aqui que você adiciona dados tabulares ao modelo.
[Adicionando dados tabulares ao seu modelo HTML](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-tabular-data.htm)
* the Objeto de gráfico icon: o menu Gráficos. É aqui que você adiciona imagens de gráficos ao modelo.
[Adicionando gráficos como imagens em seu modelo HTML](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-chart-images.htm)
* the Variáveis icon: o menu Variáveis e expressões. É aqui que você adiciona variáveis e expressões ao modelo.
[Adicionando variáveis e expressões a modelos de relatório HTML](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-variables-expressions.htm)
* the Níveis e páginas icon: o menu Níveis. É aqui que você adiciona níveis ao modelo, para iterações de conteúdo filtrado.
[Elementos de relatório de loop e ciclo HTML com níveis](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-levels.htm)