HTML(Hypertext Markup Language)是一種標記語言,用于創建Web頁面的內容和結構。CSS(Cascading Style Sheets)用于描述文檔的表現和布局。JavaScript是一種用于添加交互性和動態效果的編程語言。
<!DOCTYPE html> <html> <head> <title>我的網頁</title> <!-- 添加樣式 --> <style> body { font-family: Arial, sans-serif; } h1 { color: blue; font-size: 24px; } </style> <!-- 引入JavaScript文件 --> <script src="main.js"></script> </head> <body> <h1>歡迎來到我的網頁</h1> <p>這是一個演示如何使用HTML、CSS和JavaScript的網頁。</p> </body> </html>
上面的代碼片段展示了如何使用HTML編寫基本的網頁結構,并在head標簽中添加CSS樣式和JavaScript文件。
// JavaScript代碼示例 const button = document.querySelector('button'); button.addEventListener('click', () => { alert('你點擊了按鈕!'); });
上面的代碼片段展示了如何使用JavaScript為按鈕添加點擊事件,當用戶點擊按鈕時,彈出一個提示框。
CSS、JavaScript與HTML的結合可以為網頁添加豐富的特效和交互,增強用戶體驗。