前端开发基础：HTML、CSS 与 JavaScript
前端开发主要围绕三大核心技术展开：HTML 构建结构，CSS 负责样式，JavaScript 处理交互。下面将逐一梳理核心概念与常用语法。
HTML：页面骨架
HTML（Hyper Text Markup Language）是超文本标记语言，通过标签定义网页内容。浏览器解析这些标签来渲染页面。
基本概念与结构
标签通常成对出现，如 <h1> 开始，</h1> 结束。部分标签为自闭合，如 <br>。文档结构遵循 DOM 树层级关系。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>测试</title>
</head>
<body>
hello world
</body>
</html>
编写时推荐使用 VS Code 等现代编辑器，利用快捷键快速生成框架。注意保存文件后缀为 .html。
常用标签
段落与换行
<p> 标签用于段落，会自动换行并增加间距；<br> 为单标签，仅强制换行无额外间距。
<p>这是一个段落</p>
<br/>
这是一个换行
图片与链接
图片使用 <img>，需指定 src 路径和 alt 备用文本。支持绝对路径或相对路径（如 ../image.jpg）。链接使用 <a>，href 指向目标，target="_blank" 可在新窗口打开。
