HTML新手教程指南(环境的安装以及如何使用) - Pt1

HTML新手教程指南(环境的安装以及如何使用)

保姆级的新手教程更适合新手宝宝使用

接下来我会从介绍HTML，HTML的编译环境以及编译环境的如何安装这三个方面给新手介绍一下这个前端的基础技术HTML。

一.了解HTML

1.0 HTML的发展

HTML的全称是“HyperText Markup Language”，中文名称是“超文本标记语言”；超文本的字面意思超出文本，比普通文本更高一级的，在HTML中它不仅可以添加图片

例如：

图片

视频:

视频

音频：

音频

还可以添加超链接

例如：http://www.baidu.com

1.1 HTML的发展历史

• HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布,由此超文本标记语言第一版诞生。
• HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。
• HTML 3.2：1997年1月14日，W3C推荐标准。
• HTML 4.0：1997年12月18日，W3C推荐标准。
• HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。
• HTML 5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手，目前HTML最新版本就是HTML5版本。

二.HTML的编译软件(安装网址)

接下来我会根据我使用的编译环境给大家推荐几款HTML的编译环境：

1.VScode(Visual Studio Code)：这是一款由微软公司开发的轻量化，功能比较强大的代码编译工具，它支持非常多的插件，有助于代码的编程比如(HTML5,CSS3,JavaScript,VUE3等)；并且它是一款免费开源并且支持多平台的软件；

下载地址：https://code.visualstudio.com/Download(根据自己的电脑下载相应的版本，从左到右依次是window,Linux,Mac)

2.HBuilderX是一款由DCloud公司开发的HTML5开发工具，主要用于移动应用和Web应用的开发，支持多平台编译以及一系列现代化的开发特性，包括插件市场、实时预览；我个人认为这个软件适合新手学习HTML，界面简洁附带智能提示很适合新手的学习；

HBuilderX

下载地址：https://dcloud.io/hbuilderx.html

图例：

除过这两款还有很多实用的代码编译软件例:(Dreamweaver,Sublime Text,Brackets等许多优秀软件)；

结尾总结

无论你选择哪款编辑器，都要注意安全性和性能优化。确保你的编辑器经常更新到最新版本，并安装必要的安全插件和扩展。同时，也要注意优化你的代码和文件结构，以提高开发效率和质量。

最后，学习是一个坚持的过程,这些软件就像是一个趁手的工具，选择一个适合自己的工具可以让自己的学习更加顺,祝愿那些努力学习的人学有所成，早日成为IT大神。

本文由“云萌工作室-编程开发基础”专栏提供，关注更多编程技巧与知识。

@Author: hardworking novice

@Date: 2024/12/13