对于后端开发人员而言,掌握一定的前端知识有助于构建完整的 Web 应用。HTML(超文本标记语言)是网页的骨架,理解它能让后端开发者更好地设计接口和页面结构。
HTML 基础结构
HTML 由标签构成,类似于 HTTP 协议中的超文本概念,不仅能承载文本,还能包含图片、链接、音频等媒体资源。一个标准的 HTML 文档通常包含以下核心部分:
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<!-- 页面主要内容 -->
</body>
</html>
html:根元素,包裹整个文档。head:存放元数据,如标题、字符集等,用户不可见。body:存放实际可见的页面内容。
编写代码推荐使用 VS Code 等专业编辑器,保存为 .html 后缀文件后,双击即可在浏览器中预览效果。通过浏览器的开发者工具,还可以实时查看渲染后的 DOM 结构。
常用标签详解
1. 标题与段落
标题标签从 h1 到 h6,数字越大字号越小。段落使用 p 标签,注意 HTML 中空格和换行符默认会被忽略,若需强制换行可使用 br 标签,空格则可用 实体代替。
<h1>一级标题</h1>
<p>第一段内容。</p>
<p>第二段内容。<br/>此处强制换行。</p>
2. 图片与链接
图片使用 img 标签,需指定 src 属性。路径可以是绝对路径或相对路径(相对于 HTML 文件)。链接使用 a 标签,href 指向目标地址。
<img = =>
访问示例网站


