# HTML 디자이너 탐색

HTML 디자이너에서는 HTML 보고서 템플릿을 만들 수 있습니다. 디자이너는 Qlik Sense 응용 프로그램에 내장되어 있습니다.

HTML 디자이너를 사용하면 HTML 코드와 함께 작업하고 응용 프로그램 콘텐츠를 템플릿에 통합할 수 있습니다.

HTML 디자이너

HTML 디자이너

HTMLHTML 디자이너 ![설계 화면, 도구 모음, 개체 패널 등 언급해야 할 모든 요소를 보여 주는 HTML 디자이너 이미지](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_report-designer-html.png)

## HTML 디자이너 열기

HTML 디자이너를 열려면 새 HTML 템플릿을 만들거나 기존 템플릿을 편집합니다.

다음과 같이 하십시오.

1. 응용 프로그램에서 탐색 막대의 드롭다운 메뉴를 사용하여 보고를 선택합니다.

2. 템플릿 탭으로 전환합니다.

3. 오른쪽 위에서 새로 만들기 &gt; HTML 템플릿을 클릭합니다.

4. 템플릿의 이름을 입력합니다.

HTML 디자이너가 열립니다.

## 디자이너 도구 모음

디자이너 도구 모음은 HTML 디자이너의 상단에 있습니다. 도구 모음에서 다음을 수행할 수 있습니다.

* 헤더, 문단, 목록 등 일반적인 HTML 요소를 템플릿에 쉽게 추가할 수 있습니다.

* 템플릿에 외부 이미지를 추가합니다. 예를 들어, 회사 로고를 추가할 수 있습니다.

* 수신자 태그를 추가합니다. 자세한 내용은 [수신자 자리 표시자 태그 추가](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-recipient-tags.htm)을 참조하십시오.

* 작업을 실행 취소하고 다시 실행하며 확대/축소 수준을 조정합니다.

자세한 내용은 [템플릿에 표준 HTML 코드 추가](https://help.qlik.com/ko-KR/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/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-tabular-data.htm)

* the 차트 icon: 메뉴. 여기에서 템플릿에 차트 이미지를 추가할 수 있습니다.

  [HTML 템플릿에 차트를 이미지로 추가](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-chart-images.htm)

* the 변수 및 표현식 icon: 메뉴. 여기에서 템플릿에 변수와 표현식을 추가합니다.

  [HTML 보고서 템플릿에 변수 및 표현식 추가](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-variables-expressions.htm)

* the 수준 icon: 메뉴. 여기에서 필터링된 콘텐츠의 반복을 위해 템플릿에 수준을 추가합니다.

  [수준이 있는 루핑 및 순환 HTML 보고서 요소](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-levels.htm)