CSS和JavaScript是網頁源代碼中不可或缺的兩個部分。CSS用來美化網頁的樣式，而JavaScript則用來實現網頁的交互和功能。

/* 這是一段CSS代碼 */
body {
background-color: #f9f9f9;
}
h1 {
color: #333;
font-size: 2.4rem;
text-align: center;
}
.navbar {
background-color: #666;
color: #fff;
padding: 1rem;
}
/* 這是一段JavaScript代碼 */
let button = document.querySelector('button');
let message = document.querySelector('#message');
button.addEventListener('click', function() {
message.innerHTML = "Hello, World!";
});

在以上代碼中，我們可以看到CSS用選擇器和屬性來控制頁面的樣式。JavaScript則用選擇器和事件來觸發對頁面元素的操作。

同時值得注意的是，在網頁的標簽中，我們會使用和

通過以上的方式，我們可以將網頁樣式和交互功能分別存放在不同的文件中，使得代碼結構更加清晰明了。