圣誕節即將來臨，為了讓網站更加有節日氛圍，我們可以利用HTML5的一些特性來添加一些動態效果和文字內容。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>圣誕節特別版</title>
<style>
/* 添加CSS樣式 */
body {
background-color: #f2f2f2;
}
h1 {
color: red;
text-align: center;
}
.main {
width: 80%;
margin: 0 auto;
padding-top: 50px;
text-align: center;
}
img {
max-width: 100%;
}
</style>
</head>
<body>
<div class="main">
<h1>歡迎來到圣誕節特別版</h1>
<img src="christmas_tree.gif" alt="圣誕節樹">
<p>恭喜您獲得 <b>50%</b> 的折扣，在本站購買任意商品！</p>
</div>
<script>
// 添加JS動態效果
function blink() {
var word = document.getElementsByTagName('b')[0];
setInterval(function() {
word.style.visibility = (word.style.visibility === 'hidden' ? '' : 'hidden');
}, 500);
}
blink();
</script>
</body>
</html>通過以上代碼，我們可以看到：
- HTML部分使用了p標簽來分段落，并且使用了pre標簽來展示代碼。
- CSS部分添加了一些效果，比如頁面的背景顏色、標題的顏色和居中等樣式。
- JS部分利用了setInterval函數來實現字體閃爍的效果，讓網頁更加有生氣。
在實際的應用中，我們可以根據需要添加更多的動態效果和文字內容，來讓網站更加豐富多彩。祝大家圣誕節快樂！