后端开发往往需要接触前端知识,本节将带你快速掌握 HTML 基础,能够独立搭建简单的静态页面。
1. HTML 基础
什么是 HTML?它是超文本标记语言。还记得 HTTP 吗?那是超文本传输协议。超文本意味着它不仅能承载文本,还能包含图片、链接、音频等;标记语言则指其由标签构成。
HTML 代码主要由标签组成,例如:
<h1>我是一级标题</h1>
尖括号内的 h1 是标签名。通常使用开始标签和结束标签包裹内容,结束标签前需加斜杠 /。开始标签中可包含属性,用于设置标识或配置。
HTML 基本结构
一个标准的 HTML 文件包含以下部分:
<!DOCTYPE html>:声明文档类型(第一行通常无需修改)。<html>:根元素。<head>:包含元数据,如<title>定义浏览器标签页标题。<body>:包含页面可见内容。
编写代码推荐使用 VS Code 等编辑器,保存为 .html 后缀的文件后,双击即可在浏览器中运行。通过浏览器的开发者工具,可以实时查看渲染后的 DOM 结构。
2. HTML 常用标签
2.1 标题标签 (h1-h6)
标题分为六级,序号越大字体越小:
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
2.2 段落与换行
HTML 中空格和换行符会被忽略。若需分段,使用 <p> 标签:
<p>第一段内容...
第二段内容...


