HTML、CSS和JavaScript是網頁設計中不可或缺的三大元素。
<html> <head> <title>My Website</title> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>Welcome to My Website!</h1> <p>This is a paragraph about my website.</p> <script src="script.js"></script> </body> </html>
HTML(超文本標記語言)是網頁的基礎,它定義了網頁的結構和內容。通過使用HTML標記語言,可以將文字、圖片、鏈接等內容呈現在網頁上。
CSS(層疊樣式表)則是用來美化網頁的樣式和布局,可以控制網頁上的字體、顏色、尺寸、背景圖、定位等,讓網頁看起來更加美觀、整潔。
body { font-family: Arial, sans-serif; background-color: #f9f9f9; } h1 { font-size: 36px; color: #333; } p { font-size: 18px; color: #666; line-height: 1.6; margin-bottom: 20px; }
JavaScript是一種腳本語言,它可以在網頁上添加交互和動態效果,比如驗證表單、彈出提示框、輪播圖、滾動加載等。
var button = document.querySelector('#button'); var title = document.querySelector('#title'); button.addEventListener('click', function() { title.classList.toggle('active'); });
以上三種語言在網頁設計中互相配合,構成了一個完整的網頁。