# 掌握 Webflow 的關鍵概念: 網站如何構成 -  HTML

![](/files/xC66tcXNf9QLIFj3THb0)

## HTML and CSS – web development initiation

HTML and CSS – Generalities

If you want to learn Web Development, you have to learn HTML and CSS first.

It doesn’t matter what language you choose, either it’s C#, Ruby, Java, Python or JavaScript, at a certain moment you will meet by default with HTML and CSS.

## **What is HTML?**

![](/files/7VRhL7XOQjjiXwdK23LX)

![](/files/gKfVNqyg61knJ7SX0rNI)

![](/files/KNLIEhYLbhX55HWlOfMO)

* \*HTML（超文本標記語言）代表了每個網頁的基礎。

當你在瀏覽器中輸入一個地址時，它就會連接到一個網路 伺服器並下載一個頁面，而這個頁面是用..... - [HTML](https://www.w3schools.com/html/default.asp)。

* \*HTML是用來定義網頁的結構和內容的語言。

它與其他語言不同，因為它不是真正意義上的編程語言，你用它來定義行為和完成任務，它是一種用於創建具有明確句法結構的文檔的標記語言。

句法。- 聲明doctype。"！DOCTYPE html >; - 聲明頭部和標題。\<head>\<title> Baboon\</title>\</head>"

從根本上說，HTML是靜態的，因為一旦從 伺服器上下載了一個頁面，它就不會改變。然而，你可以實現腳本，以便在頁面被下載后對其進行修改。

由於HTML，你可以創建結構良好的頁面，實現圖像，並以其他電腦軟體容易理解的方式展示數據。

然而，它是一種容易學習的語言，因為它的語法足夠簡單和直接，它有一個定義明確的標準，而且只需要少量的練習就能了解你實際上能用它做什麼。

![](/files/ZZFMlaWcEoZLIjxJBnTQ)

### Webflow 介面 → 建立/ 設定 HTML DOM 元素

![](/files/OkbqJ4aUM43lFd7jbsUG)

```html
<div class="padding-vertical padding-xxlarge"></div>
```

![](/files/CYVDguEMkGNGFh80bV2b)

```html
<div id="header"></div>
```

#### Webflow 植入自定 HTML

![](/files/o4IcClIBAoRGZ1IAXhK8)


---

# 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/01-html-he-css-jian-jie/zhang-wo-webflow-de-guan-jian-gai-nian-wang-zhan-ru-he-gou-cheng-html.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.
