无痛学习html（1）

学习目标：

一袋米要抗几楼！

代码学习让人直呼“泰痛辣”？

停止你的苦痛，让我们一起无痛学习HTML！

---

本期学习内容：

1. HTML是干什么用的？
2. 什么是HTML，和css有什么区别？
3. HTML编辑器是啥？

---

fellow me：

1、HTML是干什么用的？

  HTML是用来设计网页内容的重要语言，是网页设计的核心部分。

2、什么是HTML？

 HTML是一种标记语言，全称为“超文本标记语言”（HyperText Markup Language）。它用于创建网页和其他信息视觉化的文档，是Web开发的基础。HTML文件由一系列标签组成，这些标签描述了文档的结构和内容，浏览器可以根据这些标签来正确地显示文档的内容和样式。HTML标签可以用来添加文本、图像、视频、音频、超链接等各种元素，从而实现网页的各种功能和效果。

人话：HTML就是用各种标签来设计网页具体内容的标记性语言！

和css有什么区别？

HTML和CSS是两种不同的语言，它们都用于网页开发，但起到不同的作用。

HTML是一种标记语言，用于创建网页和其他信息视觉化的文档。HTML文件由一系列标签组成，这些标签描述了文档的结构和内容，浏览器可以根据这些标签来正确地显示文档的内容和样式。HTML标签可以用来添加文本、图像、视频、音频、超链接等各种元素，从而实现网页的各种功能和效果。

CSS是一种样式表语言，用于描述HTML文档的样式和布局。CSS可以为HTML文档中的元素添加颜色、字体、大小、边框、背景等各种样式，并且还可以控制元素的位置和布局。CSS的主要作用是使网页更具有吸引力和可读性，同时还可以提高网页的可维护性和可重用性。

人话：html负责填充网页的具体内容，而css负责给这些内容添加样式！

就像HTML是构成小母牛的各种器官，他让小母牛能跑能叫能吃草，而css是让这个小母牛有独特的花色，让你能在牛群里一眼看出这头小母牛。

 

3、HTML编辑器是啥？

想要创造小母牛，你就要有一个专业的小母牛制造器！

HTML是用来编辑网页、小程序的语言，因此许多设计网页的软件都可以进行编辑，但是也有专门编辑HTML的软件常见的有：

1、vscode（visual studio code）博主推荐！

VSCode（Visual Studio Code）是一款由微软开发的轻量级、跨平台的代码编辑器。它的特点包括：

1. 轻量级：VSCode的安装包非常小，占用系统资源也很少，启动速度非常快。

2. 跨平台：VSCode支持Windows、macOS和Linux等多个操作系统，可以在不同的平台上进行开发。

3. 丰富的插件生态系统：VSCode拥有丰富的插件生态系统，可以通过插件扩展其功能，满足不同的开发需求。（插件真的很丰富！内置插件非常方便）

4. 内置调试器：VSCode内置了调试器，可以方便地进行调试和排错。

5. 代码提示和自动补全：VSCode支持智能代码提示和自动补全功能，可以提高开发效率。

6. Git集成：VSCode内置了Git版本控制工具，可以方便地进行代码管理和版本控制。

7. 多语言支持：VSCode支持多种编程语言，包括JavaScript、TypeScript、Python、Java等，可以满足不同的开发需求。

下载地址：Visual Studio Code - Code Editing. Redefined

 

2、dw（Dreamweaver）

DW通常是指Adobe Dreamweaver，是一款由Adobe公司开发的网页制作软件，它可以帮助用户快速创建和编辑网页，包括HTML、CSS、JavaScript等。Dreamweaver提供了可视化的编辑界面和代码编辑界面，用户可以根据自己的需求选择不同的编辑方式。此外，Dreamweaver还支持对网页进行调试、预览和发布等功能，是一款功能强大的网页制作工具。

优点：

1. 可视化编辑：Dreamweaver具有可视化编辑功能，使得用户可以在不了解HTML和CSS的情况下创建网页。
2. 模板和库：Dreamweaver允许用户创建模板和库，这使得网站的维护和更新变得更加容易和高效。
3. 代码提示和自动完成：Dreamweaver提供代码提示和自动完成功能，这使得编写HTML和CSS代码更加快速和准确。
4. 集成开发环境：Dreamweaver具有完整的集成开发环境（IDE）功能，包括调试器、版本控制和代码片段等等。

缺点：

1. 价格：Dreamweaver是一款商业软件，需要付费购买，这可能会对某些用户造成负担。
2. 学习成本：Dreamweaver具有复杂的功能和界面，需要一定的学习曲线才能掌握。
3. 代码生成质量：Dreamweaver生成的HTML和CSS代码质量可能不如手动编写的代码，这可能会影响网站的性能和可访问性。

3、Sublime Text

Sublime Text是一款流行的文本编辑器，可用于编写各种编程语言，包括HTML、CSS、JavaScript等。它具有许多有用的功能，如代码高亮、自动完成、多行选择和插件支持。Sublime Text还具有可自定义的界面和快捷键，使得用户可以根据自己的喜好进行个性化设置。

优点：

1. 快速：Sublime Text的启动速度非常快，而且它的响应速度也非常快，这使得它成为编写代码的理想工具。
2. 插件丰富：Sublime Text有一个庞大的插件生态系统，使得用户可以轻松地扩展其功能，例如添加自动完成、代码片段、语法高亮等等。
3. 多行选择：Sublime Text允许用户同时选择多行文本，这使得重复编辑变得更加容易。
4. 跨平台：Sublime Text可在Windows、macOS和Linux等多个平台上运行，这使得它成为跨平台开发的理想工具。

缺点：

1. 价格：Sublime Text虽然有免费试用版，但完整版需要付费。
2. 缺乏集成开发环境：Sublime Text虽然是一个优秀的文本编辑器，但它缺乏完整的集成开发环境（IDE）功能，例如调试器、版本控制等等。
3. 用户界面不够直观：Sublime Text的用户界面可能需要一些时间来适应，特别是对于新手用户来说。

4、新建文本文档

足够牛的话也是可以手搓代码的。

 

 

---