网页制作三剑客：HTML、CSS、JavaScript

网页制作的三剑客是指HTML、CSS和JavaScript，它们分别负责结构、样式和交互，是构建现代网页的核心技术。下面将分别介绍它们的作用和基本用法。

1. HTML（超文本标记语言）

HTML是网页的基础，用于描述网页的结构和内容。通过HTML，可以创建、段落、链接、图像等元素，构建页面的基本框架。

```html

```

2. CSS（层叠样式表）

CSS用于控制网页的样式和布局，包括字体、颜色、边距、定位等属性。通过CSS，可以使网页呈现出美观的外观和良好的用户体验。

```css

/* style.css */

body {

fontfamily: Arial, sansserif;

backgroundcolor: f0f0f0;

margin: 0;

padding: 0;

}

header {

backgroundcolor: 333;

color: fff;

padding: 20px;

}

nav ul {

liststyletype: none;

margin: 0;

padding: 0;

}

nav ul li {

display: inline;

marginright: 20px;

}

a {

color: fff;

textdecoration: none;

}

section {

padding: 20px;

}

footer {

backgroundcolor: 333;

color: fff;

padding: 10px;

position: fixed;

bottom: 0;

width: 100%;

textalign: center;

}

```

3. JavaScript

JavaScript是一种脚本语言，用于实现网页的交互功能，如表单验证、动态内容加载、动画效果等。通过JavaScript，可以使网页更加生动和用户友好。

```javascript

// script.js

document.addEventListener("DOMContentLoaded", function() {

// 在DOM加载完成后执行

// 示例：点击按钮弹出提示框

const button = document.querySelector('button');

button.addEventListener('click', function() {

alert('Hello, World!');

});

});

```

以上是网页制作的三剑客：HTML、CSS和JavaScript的基本介绍和用法。结合它们，你可以创建出功能丰富、外观美观的现代网页。