前言
本文是笔者初接触HTML时的学习记录，由于之前并未学习过前端的相关知识，如存在错误请各位指出。
正文
HTML简介
HTML作为前端开发三剑客之一，可以说是前端开发最核心技术。其全称“ Hyper Text Markup Language（超文本标记语言）”，由一套标签组成。用浏览器打开HTML文件，就可以看到网页。
关于浏览器：浏览器是网页显示、运行的平台。经常使用的有Chrome浏览器等。不同的浏览器使用不同的浏览器内核，浏览器内核负责读取网页内容，整理讯息，计算网页的显示方式并显示页面，例如Chrome浏览器使用的是Blink内核
。
根据Web标准，最佳的网页体验方案是结构（Structure）、样式（Presentation）、行为（Behavior）相分离。其中，HTML主要负责的是网页的结构，对网页元素进行整理和分离；CSS负责网页的样式，包括颜色、大小等外观样式；Javascript负责行为，包括网页交互的编写。
HTML结构
HTML结构如上图所示，由各个HTML标签组成。整个网页是从<html>开始，到</html>结束。其中，<head>标签中的部分是页头，代表页面的“头”，定义一些特殊内容，这些内容往往都是“不可见内容”（在浏览器不可见）。<body>标签中的部分是页身，代表页面的“身”，定义网页展示内容，这些内容往往都是“可见内容”（在浏览器可见）。
值得一提的是，如果使用内嵌了emmet语法的VsCode进行html文件的编写的话，只需要敲一个！加上回车键，便可以自动生成HTML结构，无论是在编程练习中或是实际开发中都十分方便。
HTML标签
这里介绍一些HTML常用标签。
- 标题标签。
<h1>---><h6> - 段落标签。
<p> - 表格标签。
<table> - 文本格式化标签。
<strong>加粗，<em>倾斜，<del>删除线等。 - 图像标签。
<img> - 列表标签。
<ul>无序列表，<ol>有序列表，<dl>自定义列表。 - 表单标签。
<form>用于定义表单域，进行用户信息的收集和传递。 - 块级标签
<div>和行内标签<span>。在后续CSS修改样式时经常使用，注意<div>会独占一行，而<span>在一行内可有多个。 - 换行标签。
<br />
