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