HTML 網頁皮膚更換代碼 網頁的外觀對于訪問者來說是一個非常重要的方面，因為這直接影響到用戶的體驗。HTML 提供了一些簡單的方法來更改網頁的外觀，其中一種方法是更換網頁的皮膚。在本文中，我們將介紹一些 HTML 代碼來更改網頁皮膚。 首先，我們需要為網頁創建一個樣式表（CSS）。以下是一個簡單的樣式表例子：

這個樣式表定義了網頁的背景色、標題和文本的顏色、以及文本的大小。現在，我們可以將這個樣式表鏈接到我們的 HTML 頁面中。使用以下代碼在 head 標簽中鏈接 CSS 樣式表：

在此代碼中，我們使用了鏈接標簽（link），跟隨樣式表的文件名（mystyle.css）。現在，我們可以使用 CSS 變量來更改網頁的皮膚。以下是一個示例的 CSS 變量：

:root {
--main-bg-color: #FFFFFF;
--main-text-color: #000000;
}
.light {
--main-bg-color: #FFFFFF;
--main-text-color: #000000;
}
.dark {
--main-bg-color: #000000;
--main-text-color: #FFFFFF;
}

這個 CSS 變量示例定義了兩個皮膚：白色和黑色。我們可以將這些皮膚應用到我們的 HTML 頁面中。以下是一個 HTML 代碼示例：

這是一個標題
這是一段文本。
更換皮膚

在此代碼中，我們使用了按鈕元素和 JavaScript 代碼，以便訪問 HTML 頁面的 body 標簽，并更改類名稱。點擊按鈕時，我們可以通過改變類名的方式在不同皮膚之間切換。 以上是一個簡單的 HTML 網頁更換皮膚的示例，我們可以使用更多的 CSS 變量和JavaScript 代碼來添加更多的皮膚和交互效果。