2024/10/14

如何新增HTML元件？

什麼是HTML？

說明 HTML是一種網頁使用的語言，用於建立網頁畫面的標記語言，目前的瀏覽器都可以讀取HTML，使用HTML可以編輯設計出網頁。

HTML的功能有什麼?

HTML（超文本標記語言）是網頁設計和開發的基礎，為其他技術提供了結構和內容的框架。

HTML 主要功能包括：

1. 結構化內容：HTML用於定義網頁的結構，包括標題、段落、列表、表格等。

2. 超連結：可以建立指向其他網頁或網站的超連結。

3. 嵌入媒體：嵌入圖片、影片等多媒體內容。

4. 表單處理：可以建立表單，用於收集用戶輸入的資料，例如登錄、註冊。

5. SEO優化：通過正確的結構和標籤使用，有助於搜索引擎優化，提高網站的可見性。

6. 標籤和屬性：使用語義標籤和屬性，提升網站的多元性，適合不同用戶，包括身障人士。

7. 樣式和互動性基礎：與CSS和JavaScript結合使用，HTML可以提供樣式和互動性，增加用戶體驗。

如何新增HTML元件？網站翻譯示範

Step.1

「樣式設定」→「頁面設計」→「首頁」→「頁面設計」

Step.2

點選「區塊布局」拖拉一個區塊

Step.3

點選「元件」拖拉「HTML元件」到區塊中，再點選右邊的內容編輯→編輯HTML

Step.4

可自行設定HTML，也可點擊推薦元件

注意事項：

1. 若使用其他非推薦元件，可能會有JS/CSS衝突的情況

2. 如首頁同時套用多個推薦元件則會酌收費用，詳情費用依照網站為主

Step.5

〈網站翻譯作為示範〉

Step.6

可以自行選擇翻譯版型，新增語言，設定字體顏色等等。這邊示範新增日語，最後點選右上角發布

Step.7