HTML（超文本标记语言）是构建网页的基础。作为前端开发人员，了解并熟练使用HTML是必不可少的。本篇学习笔记将带你深入了解HTML的基本知识，并提供一些示例代码来帮助你更好地理解。

一、HTML简介

HTML是一种标记语言，用于描述网页的结构和内容。它由一系列的元素组成，这些元素通过标签进行定义和包裹内容。HTML页面通常由头部（head）和主体（body）组成。

头部（head）：头部包含了一些关于网页的元数据，如标题、样式表链接、脚本等。例如：

我的网页

主体（body）：主体部分包含了网页的实际内容，比如文本、图像、链接等。例如：

欢迎来到我的网页

这是一个示例段落。

点击这里访问示例网站。

二、HTML元素和标签

HTML使用各种标签来定义元素。每个标签都由尖括号包围，并且可以包含属性。以下是一些常用的HTML标签：

标题标签（h1-h6）：用于定义标题的级别，h1是最高级别，h6是最低级别。

这是一个一级标题

段落标签（p）：用于定义段落。 html

这是一个段落。

图像标签（img）：用于插入图像。

链接标签（a）：用于创建链接。

点击这里访问示例网站。

三、HTML属性

HTML标签可以包含属性，属性为元素提供了额外的信息。以下是一些常见的HTML属性：

class属性：用于为元素指定一个或多个类名，以便在CSS中进行样式选择。

这是一个带有highlight类的段落。

id属性：用于为元素指定唯一的标识符。

src属性：用于指定图像、音频或视频的URL。

四、HTML表单

HTML表单允许用户在网页上输入数据并将其发送到服务器。以下是一个简单的表单示例：

姓名：

邮箱：

该表单包含了两个输入字段（姓名和邮箱），以及一个提交按钮。用户填写完表单后，点击提交按钮即可将数据发送到服务器。

五、总结

本文提供了HTML的基本知识，并且给出了一些示例代码来帮助你更好地理解。HTML是前端开发的基础，掌握HTML对于构建优秀的网页至关重要。