HTML 基础:后端开发者快速上手前端实战
对于后端开发者而言,掌握前端基础是构建完整 Web 应用的关键。本文将带你从零开始,用最短的时间理解 HTML 的核心概念,能够独立编写简单的静态页面。
HTML 基础
HTML(HyperText Markup Language)即超文本标记语言。它不同于 HTTP(超文本传输协议),HTTP 负责传输,而 HTML 负责展示。所谓的'超文本',意味着它能承载文字、图片、链接甚至音频等多种媒体;'标记语言'则指其由一系列标签(Tag)构成。
HTML 代码主要由标签组成,通常成对出现:开始标签和结束标签(带 /)。标签内部可以包含属性。例如:
<h1>我是一级标题</h1>
这里 <h1> 是开始标签,</h1> 是结束标签,中间的内容即为显示文本。
文档基本结构
一个标准的 HTML 文件包含以下层级:

<!DOCTYPE html>:声明文档类型,第一行通常忽略。<html>:根标签。<head>:存放元数据,如<title>(浏览器标签页标题)。<body>:存放页面可见内容。
使用编辑器(如 VS Code)编写 .html 文件后,双击即可在浏览器中预览。通过浏览器的开发者工具,可以实时查看当前页面的 DOM 结构。
常用标签详解
1. 标题与段落
标题标签从 <h1> 到 <h6>,数字越大字体越小。注意 HTML 中的空格和换行符默认会被折叠,若要强制换行需使用 <br>,若要保留空格可使用 。
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<p>第一段内容...</p>
<p>第二段内容<br/>此处换行</p>
</>


