HTML 基础概览
对于后端开发人员而言,理解前端基础是构建完整 Web 应用的必要技能。HTML(超文本标记语言)构成了网页的骨架,它不仅仅是文本,还能承载图片、链接、音频等多种媒体资源。
HTML 的核心由标签组成,通常成对出现,如 <h1> 和 </h1>。开始标签中可包含属性,用于定义元素的行为或样式。一个标准的 HTML 文档结构如下:
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
其中 <html> 是根元素,<head> 存放元数据(如标题),<body> 则包含可见内容。编写代码推荐使用 VS Code 等编辑器,保存为 .html 文件后双击即可在浏览器中预览。
常用标签详解
1. 标题与段落
标题标签从 h1 到 h6,数字越大字体越小。需要注意的是,HTML 中的空格和换行符通常会被忽略,若要强制换行需使用 <br> 标签,而段落之间应使用 <p> 标签包裹。
<h1>一级标题</h1>
<p>这是第一段内容。</p>
<p>第二段内容。<br/>这里强制换行。</p>
若需要保留空格,可使用 实体字符代替。
2. 图片与链接
图片通过 <img> 标签引入,需指定 src 属性。建议使用相对路径以确保项目移植性。
<img src="./images/logo.png" =>


