# HTML Formatted Reports

HTML（超文字標記語言）是一種用來建立網頁結構和內容的標記語言。

依筆者觀察，使用 HTML 做報告有許多好處，包括：

* <mark style="color:blue;">**可在所有裝置上查看：**</mark> HTML 報告可在所有裝置上查看，包括桌上型電腦、筆記型電腦、平板電腦和智慧型手機。這意味著您可以將報告分享給任何人，無論他們使用何種裝置。
* <mark style="color:blue;">**可做標準及風格化：**</mark> HTML 報告可自訂，以符合觀看者的需求。使用者可以更改字型、顏色、版面配置和其他元素。這讓您可以創建一個看起來專業且吸引人的報告。
* <mark style="color:blue;">**可輕鬆更新：**</mark> HTML 報告可輕鬆更新。如果您需要在報告中添加新資訊或更改，您可以編輯 HTML 程式碼，然後重新發佈報告。這比使用傳統的文字處理器更容易更新報告。
* <mark style="color:blue;">**可與他人共享：**</mark> HTML 報告可輕鬆與他人共享。可以將報告發佈到網站，或透過電子郵件發送給他人。這讓報告者可以輕鬆將報告分享給您的同事、客戶或學生。
* <mark style="color:blue;">**插入圖片與超連結：**</mark>使用元素來插入圖片，src 屬性指定圖片的 URL。也可以使用Base64格式，直接嵌入在HTML中。
* <mark style="color:blue;">**檔案加密：**</mark>加密後的HTML檔案讓客戶無法輕易修改，請參考本篇第二章的展示。

使用 HTML 做報告是一種很好的方法來創建一個可在所有裝置上查看、自訂、輕鬆更新和輕鬆分享的報告。只要了解HTML語法，也能輕鬆的用記事本做網頁文本。

下面筆者以Ansys風格，基於HTML製作一個Ansys HFSS的報告範例給讀者參考。

<figure><img src="https://3237649688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FExBz81i5H9F12Ze0JM6p%2Fuploads%2FApLtGmoFX0VNPwrPqYGd%2FHFSS_HTML_Report.jpg?alt=media&#x26;token=07f0b2fb-ceb4-4a42-a7f3-fd13ba43dfdc" alt=""><figcaption><p>圖0-0</p></figcaption></figure>

報告內容主要區分成以下幾個部分：

* [x] 標題：設計Project與Design名稱。
* [x] 設計資訊：電腦名稱、模擬版本資訊、報告產出時間、使用電腦、設計者。
  * [x] 設計記事本：複製AEDT的記事本內容到報告中。
* [x] 設計參數：把設計參數做成表格，方便查閱變數條件。材料參數特性放到最下方避免資訊過多雜亂，但又存有紀錄。
* [x] 設計材料：列出模擬中使用的材料名稱。
* [x] 設計圖片：把所有圖片列表並提供超連結。
  * [x] 3D Model 圖片：以Diemetric、Trimetric、Front、Top、Right的角度呈現3D模型。
  * [x] 設計報告：設計的模擬各式報表圖片。
  * [x] Mesh與電磁場分布：設計案例的Mesh與電磁場分佈繪圖。