`标签用于定义段落，其常用属性包括`id`（段落ID）、`class`（段落类名）和`style`（段落样式）。 ### 文档结构 一个典型的HTML文档包含以下部分： 1. **头部（Head）**：包含网页的元数据，如标题、字符集、链接到样式表和脚本文件等。 2. **主体（Body）**：包含网页的主要内容，如文本、图片、链接、列表等。 ```html
这是一个段落。
``` ## CSS：网页的样式语言 CSS，全称为Cascading Style Sheets（层叠样式表），用于描述网页的外观和布局。通过CSS，开发者可以控制网页元素的字体、颜色、背景、位置等样式。 ### 选择器与样式规则 CSS使用选择器来定位网页中的元素，并应用相应的样式规则。选择器可以是元素名、类名、ID名或属性名等。 例如，以下代码将所有段落（``标签）的文本颜色设置为红色，字体大小设置为16像素： ```css p { color: red; font-size: 16px; } ``` ### 布局技术 CSS提供了多种布局技术，如浮动（floats）、定位（positioning）、Flexbox（弹性盒子）和Grid（网格布局）等。这些技术使得开发者能够轻松地创建复杂的网页布局。 ## JavaScript：网页的交互语言 JavaScript是一种脚本语言，用于在网页中实现各种交互功能。它不仅可以响应用户操作，如点击按钮、填写表单等，还可以与服务器进行通信，获取或提交数据。 ### 语法与数据类型 JavaScript的语法类似于Java和C++，但具有更简洁的语法和更丰富的数据类型。常见的数据类型包括字符串（String）、数字（Number）、布尔值（Boolean）、数组（Array）和对象（Object）等。 例如，以下代码定义了一个函数，当用户点击按钮时，会在控制台输出一段文本： ```javascript document.getElementById('myButton').addEventListener('click', function() { console.log('Hello, World!'); }); ``` ### 函数与事件处理 JavaScript使用函数来实现代码的模块化和重用。此外，开发者还可以使用事件处理程序来响应用户操作或浏览器事件。 例如，以下代码为页面上的按钮添加了一个点击事件处理程序，当用户点击按钮时，会弹出一个警告框： ```javascript document.getElementById('myButton').addEventListener('click', function() { alert('Button clicked!'); }); ``` ## 总结 HTML、CSS和JavaScript是构建现代网页的三大核心技术。HTML负责定义网页的结构和内容，CSS负责描述网页的外观和布局，而JavaScript则负责实现网页的交互功能。理解这些技术的原理和应用，对于开发者来说至关重要。通过学习和掌握这些技术，读者可以更好地创建和优化网页，提升用户体验。