HTML（Hypertext Markup Language）是網頁制作的基礎語言，它定義了網站內容的結構和格式，而CSS和JS則是HTML的重要擴展，為網站提供了更多的功能和美觀的外觀。在本篇文章中，我們將討論CSS和JS代碼的用途及其實現方法。

使用CSS代碼美化網頁

body {
background-color: #eee;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
font-size: 2.5em;
}
p {
color: #555;
font-size: 1.2em;
line-height: 1.5;
margin-bottom: 1.5em;
}

以上是一個基本的CSS樣式表，使整個HTML文檔的背景顏色為淡灰色，字體為Arial和sans-serif，并設置了標題和段落的樣式，讓它們看起來更醒目和易于閱讀。

使用JS代碼為網站添加交互性

const button = document.querySelector('button');
const heading = document.querySelector('h1');
button.addEventListener('click', () =>{
heading.style.color = 'red';
heading.textContent = 'Hello World!';
});

以上JS代碼添加了一個點擊事件，當用戶點擊頁面上的按鈕時，會將標題字體顏色更改為紅色，并將標題文本更改為“Hello World!”。這在交互式設計中非常有用，可以為用戶提供更好的體驗。

通過使用CSS和JS代碼，我們不僅可以讓網站變得更加美觀和可讀，還可以為用戶提供更多的功能和交互性。這些代碼是現代網站設計中非常重要的一部分，熟練掌握它們的使用方法將是一位優秀的網頁設計師必備的技能。