后端开发常需接触前端页面,本文梳理了 HTML 核心结构与常用标签。
1. HTML 基础结构
HTML(超文本标记语言)定义了网页的结构。作为后端开发者,你可能熟悉 HTTP 协议,而 HTML 则是承载这些传输内容的载体。它通过标签来组织内容,支持文本、图片、链接甚至音频视频。
基本代码由标签构成,通常成对出现:开始标签和结束标签(带 /)。例如:
<h1>我是一级标题</h1>
一个标准的 HTML 文档包含以下层级:
<!DOCTYPE html>:声明文档类型,浏览器可忽略此细节但建议保留。<html>:根元素。<head>:包含元数据,如<title>(浏览器标签页显示的标题)。<body>:实际可见的页面内容。
编写时推荐使用 VS Code 等编辑器,保存为 .html 文件后双击即可在浏览器中预览。利用浏览器的开发者工具,可以实时查看渲染后的 DOM 结构。
2. 常用标签详解
2.1 文本与排版
标题标签 (h1 - h6):序号越大字体越小,用于区分内容层级。
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<!-- ... h3 到 h6 -->
</body>
段落 (p):HTML 中空格和换行符默认会被折叠。使用 <p> 标签明确划分段落。
<p>第一段内容...</p>
<p>第二段内容...</p>
换行 (br):若需在段落内强制换行而不产生新段落,使用 <br>。
<p>第一行<br/>第二行</>


