創建一個簡單的成品網頁
創建一個成品網頁需要對HTML，CSS，和JavaScript有一定的了解。下面是一個簡單的成品網頁的示例代碼。這個頁面包括一個標題，一些文本，和一個按鈕。當用戶點擊按鈕時，會在控制臺打印一條消息。
“`html
<!DOCTYPE html>
<html>
<head>
<title>我的成品網頁</title>
<style>
body {
font-family: Arial, sans-serif;
}
button {
margin: 20px 0;
padding: 10px;
font-size: 1em;
}
</style>
</head>
<body>
<h1>歡迎來到我的成品網頁</h1>
<p>這是一個簡單的網頁，僅用于演示。</p>
<button id=”myButton”>點擊我</button>
<script>
document.getElementById(‘myButton’).addEventListener(‘click’, function() {
console.log(‘你點擊了按鈕！’);
});
</script>
</body>
</html>
“`
這個網頁的結構如下：
– `<!DOCTYPE html>` 聲明這是一個HTML5文檔。
– `<html>` 元素是所有其他HTML元素的根元素。
– `<head>` 元素包含了所有的元信息，如標題(`<title>`)和樣式(`<style>`).
– `<body>` 元素包含了所有的頁面內容，如文本(`<p>`)和按鈕(`<button>`).
– `<h1>` 元素是一級標題。
– `<p>` 元素是段落。
– `<button>` 元素是一個按鈕。我們使用JavaScript添加了一個點擊事件監聽器，當用戶點擊按鈕時，會在控制臺打印一條消息。
這只是一個非常基礎的示例，實際的網頁可能會包含更復雜的元素和功能，如表格，圖片，鏈接，動畫，以及使用JavaScript庫或框架（如React或Vue）開發的交互式用戶界面。
