# 4 元素的類型

元素盒子類型包含了下面幾種：

Webflow 把元素分類成七大類型，每個元素都扮演著各自角色，掌握他的目的，基本上可以很熟練地把設計透過元素展示出來。

![](https://i.imgur.com/uMB1oAi.png)

這 7 類從上到下依次是：

1. 布局 Layout - 和頁面布局結構相關的元素，從 Section、Container、Grid到Column
2. 最基本的常用元素組合 - 像是 Div Block、List、Link Block、按鈕
3. 文字 - 與文字相關的元素，包括標題、段落、超連結
4. CMS - CMS 最重要的內容管理系統
5. 多媒體 - 圖片和影片
6. 表格 - 表格相關的元素
7. 組建 - 模塊化的元素，包括下拉菜單、html、搜尋..etc 等常用的模塊

這7個類型中，基本上只需要掌握

1. 布局類型
2. 基本類型
3. 文字類型
4. 多媒體類型

這 4 個元素盒子，就可以做出一個簡單網頁。若是對於 HTML 無基礎的設計師，可能會感覺很多不太清處的地方，但也沒關係基本上你只要掌握每個元素的目的，並且熟悉一下工具使用的方式，很快久可以的心應手。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tenten.co/docs-webflow/webflow-101/4-yuan-su-de-lei-xing.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.