Web 前端基础入门
HTML 构建页面骨架
HTML(Hyper Text Markup Language)是超文本标记语言,用于定义网页的结构。通过预定义的标签来控制内容展示,支持图片、音频、视频等多媒体元素。
基本结构
标签通常成对出现,如 <h1> 为开始标签,</h1> 为结束标签。部分标签如换行符则是自闭合的。浏览器会将这些标签解析为 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 等编辑器,配合快捷键能快速生成标准框架,比记事本效率更高。
常用标签
段落与换行
<p> 标签用于定义段落,浏览器会自动处理首尾间距和换行。若需紧凑换行,可使用单标签 <br>。
<p>这是一个段落</p>
<br/>
这是紧接的一行
图片资源
使用 <img> 标签引入图片,src 指定路径,alt 为备用文本。推荐使用相对路径,避免硬编码绝对路径导致部署困难。
<!-- 相对路径示例 -->
<img src= = = =>


