【网页前端设计HTML】HTML开发工具和结构

一、认识开发工具

目前，前端开发工具非常多，例如Dreamweaver、HBuilder、Vscode等等。而我喜欢使用Dreamweaver。
很多初学者跟着网上的视频学习，认为Dreamweaver的使用就是“点点点”，不像是我们认知当中的码农——敲代码。但是很奇怪的是，我之前学习网页设计的时候，老师并没有教我点点点的方法，而是每一个代码，每个标签都是自己敲上去的，我觉得虽然会更耗费时间，但是做出来更具有成就感。
之后的文章都是使用Dreamweaver作为开发工具进行网页前端是学习。

二、安装Dreamweaver

安装Adobe Dreamweaver的通用步骤如下：

1. 下载和解压软件：首先，你需要从官方网站或其他可信来源下载Dreamweaver的安装包。下载完成后，右键点击安装包进行解压，以便开始安装过程。
2. 运行安装程序：解压完成后，找到并打开解压文件夹中的Set-up.exe文件。以管理员身份运行此文件，以便进行后续的安装操作。
3. 选择安装语言和位置：在安装程序中，你可以选择软件的安装语言（通常是简体中文）。此外，还需要选择软件的安装位置，建议选择非系统盘（如D盘）以避免占用系统资源。
4. 等待安装完成：选择好安装语言和位置后，点击“继续”开始安装过程。此时，你需要耐心等待安装程序自动完成所有必要的文件复制和