在Web開發(fā)中，將CSS和JS添加到已經(jīng)制作好的HTML文檔中是一個(gè)重要的步驟，它可以使你的網(wǎng)頁(yè)更加動(dòng)態(tài)和樣式化，下面是如何將CSS和JS添加到HTML文檔中的指南：

### 1. 添加CSS

CSS（層疊樣式表）用于描述HTML文檔的樣式，如顏色、字體、布局等，你可以通過(guò)以下兩種方式將CSS添加到HTML文檔中：

#### 1.1 內(nèi)聯(lián)樣式

在HTML元素中使用`style`屬性直接添加樣式。

```html

這是一段紅色的文本。

```

#### 1.2 外部樣式表

將CSS代碼寫入一個(gè)單獨(dú)的.css文件中，然后在HTML文檔中使用`link`元素引用該文件。

```html

```

### 2. 添加JS

JS（JavaScript）是一種腳本語(yǔ)言，用于添加交互性和動(dòng)態(tài)功能到網(wǎng)頁(yè)中，你可以通過(guò)以下兩種方式將JS添加到HTML文檔中：

#### 2.1 內(nèi)聯(lián)腳本

在HTML文檔中使用`

```

#### 2.2 外部腳本

將JS代碼寫入一個(gè)單獨(dú)的.js文件中，然后在HTML文檔中使用`script`元素引用該文件。

```html

```

### 3. 示例

下面是一個(gè)簡(jiǎn)單的示例，展示了如何在一個(gè)HTML文檔中添加CSS和JS：

```html

歡迎來(lái)到我的網(wǎng)頁(yè)！

這是一段紅色的文本。

點(diǎn)擊我！

```

在這個(gè)示例中：

- `styles.css`文件包含樣式信息，如文本顏色和字體。

- `script.js`文件包含JS代碼，用于改變文本顏色和響應(yīng)按鈕點(diǎn)擊事件。

- 在HTML文檔的``部分中，使用`link`和`script`元素分別引用這兩個(gè)文件。