# 將標準 HTML 程式碼新增至範本

設計工具的工具列位於 HTML 設計工具的頂端，可輕鬆地在 HTML 範本中新增和格式化基本內容。您使用工具列新增的內容可以包括應用程式資料，也可以是介紹性內容。例如，您可能想要在電子郵件中納入一段介紹段落。

您也可以選擇從頭開始手動輸入自己的程式碼。

## 格式化文字

您可以使用工具列中的按鈕來格式化文字。若要格式化文字，請醒目顯示文字，然後按一下以下按鈕之一：

* H1：將文字格式化為第一層級標頭 (`h1`)。

* H2：將文字格式化為第二層級標頭 (`h2`)。

* H3：將文字格式化為第三層級標頭 (`h3`)。

* p：將文字格式化為段落 (`p`)。

* the 粗體 icon：將文字設為粗體。您可以將粗體套用於其他元素中已經存在的文字，例如 `p` 和 `div` 元素。

* the 斜體字 icon：將文字設為斜體。您可以將斜體套用於其他元素中已經存在的文字，例如 `p` 和 `div` 元素。

* the 底線 icon：為文字加上底線。您可以將底線套用於其他元素中已經存在的文字，例如 `p` 和 `div` 元素。

* the 未排序清單 icon：建立未排序的清單。

* the 排序清單 icon：建立已排序的清單。

## 新增外部影像

您可以將外部影像新增至您的 HTML 報告範本。例如，您可能希望在電子郵件的頂端角落使用公司標誌。

您可以從本機機器以及指定的 URL 新增影像。

請執行下列動作：

1. 在設計工具的工具列中，按一下 the 影像 icon。

2. 

   執行下列其中一個動作：

   * 若要從您的電腦新增影像，請按一下上傳影像並瀏覽以選取檔案。

   * 若要從 URL 新增影像，請在影像 URL 之下輸入 URL，然後選取新增。

## 新增超連結

若要新增超連結，請按一下工具列中的 the 連結 icon。指定 URL 和文字，然後按一下新增。

## 新增收件者標記

您可以新增預留位置標記，以動態插入有關報告收件者的資訊以及他們將在報告中找到的內容。例如，您可能想要在電子郵件報告的開頭採用包含收件者姓名的稱呼。

若要新增收件者標記，請按一下工具列中的 the 標記 icon。

如需詳細資訊，請參閱[新增收件者預留位置標記](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-recipient-tags.htm)。