【前端 - HTML】第 1 课 - HTML 初体验-CSDN博客

本文链接：https://blog.csdn.net/qq_51870334/article/details/131036791

本文介绍了HTML的基础知识，包括HTML的定义、标签语法、基本骨架的组成，如html、head和body标签，以及标签的关系和注释的使用。作者通过学习HTML来为微信小程序开发做准备，分享了第一天学习的心得体会。

摘要由CSDN通过智能技术生成

欢迎来到博主 Apeiron 的博客，祝您旅程愉快。时止则止，时行则行。动静不失其时，其道光明。

1、缘起

最近在学习微信小程序的开发，但是呢，学习开发微信小程序好像是需要有前端知识的基础，呜呜呜，所以就又跑过来学习前端三件客了。

今天是公元 2023 年 6 月 4 日，是我学习前端的第一天，开开森森（其时一点都不开心，，，）。

2、HTML 概念

2.1、HTML 定义

HTML 超文本标记语言 -- Hyper Text Markup Language

① 超文本是什么？ 链接

② 标记是什么？ 标记也叫标签，是带尖括号的文本

2.2、标签语法

① 标签成对出现，中间包裹内容

② <> 里面放英文字母（标签名）

③ 结束标签比开始标签多一个斜杠（/）

④ 双标签：成对出现的标签

⑤ 单标签：只有开始标签，没有结束标签

例如：<hr>：水平线 <br>：换行

示例代码：

Apeiron
<br>
<strong>Apeiron</strong>
<hr>

3、HTML 基本骨架

在上文中，我们直接写了 strong 标签，也实现了一些效果。但是，我们这样写 HTML 代码是不专业的。为什么不专业呢？因为专业的代码都是有组织有纪律的，所以，专业的代码都是写在 HTML 的基本骨架中的。

① html：整个网页

② head：网页头部，用来存放给浏览器看的信息，例如 CSS

③ body：网页主体，用来存放给用户看的信息，例如图片、文字

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一个网页开发</title>
</head>
<body>
    <strong>Hello HTML</strong>
</body>
</html>