一、前言
网页前端开发的第一步就是学习HTML。HTML 是超文本标记语言,负责搭建网页的整体结构,也是所有网页最基础、最核心的骨架。不管是大型网站、管理系统、小程序页面,底层都是由 HTML 标签搭建而成。
本文记录我学习 HTML 基础标签、页面结构、语义化标签的学习心得与实战总结。
二、HTML 基础结构
标准的 HTML5 页面结构包含文档声明、头部、主体三部分,结构固定、规范统一。<!DOCTYPE<html lang="<head<meta charset="UTF-8"> 我的第一个
<body></html> ```
<!DOCTYPE html>:文档声明,告诉浏览器使用 HTML<head>:存放网页配置、标题<body>:网页所有可见内容都写在这里
三、常用基础标签
1. 标题标签 h1~h6
六级标题,从大到小,用于文章标题层级。
<h1>一级</h1>
<h2>二级标题</h2>2. 段落与换行
<p>:段落<br>:强制换行
3. 文本<b>` 加粗
<i>斜体 -` 下划线
4. 图片与超链接
html<a
四、HTML5 语义化标签(重点)
语义化标签让网页结构更清晰、利于搜索引擎优化。
-<header>:头部区域<nav>:<main>:主体内容 -<article>:文章内容<footer>`:页脚信息
五、学习总结
- HTML 只负责结构,不负责样式和交互。
- 标签必须成对使用,语法规范非常重要。
- 语义化标签是现代前端开发的必备习惯。
- 熟练掌握基础标签,是学习 CSS、JS 的前提。