首页 >web前端 >前端问答 > 正文

html用什么开发工具

原创2021-10-11 11:32:470502

html开发工具:1、Sublime Text 3;2、Webstorm;3、Visual Studio Code;4、Atom;5、HBuilder;6、Notepad++;7、Eclipse;8、Brackets;9、Vim编辑器等等。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

一:HTML 是什么

HTML,全称 “Hyper Text Markup Language(超文本标记语言)”,它是制作万维网页面的标准语言。

所谓超文本,因为它可以加入图片、声音、动画、多媒体等内容。不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。

需要特别说明的是,HTML不是一门编程语言,而是一门描述性的标记语言。

二:HTML 要学习什么

学习 HTML,就是学习各种标签,即网页的“骨架”。

标签有文字标签、图像标签、音频标签、表单标签等等。因为 HTML 这门语言就是一门描述性语言,就是用标签来说话。

举个例子,如果你要在浏览器显示一段文字,你就用到 段落标签 p,如果你要在浏览器显示一张图片,就要用到 图像标签 img 。针对对象不同,使用的标签也不同。

学习 HTML 就是学习各种各样的标签,然后针对你想要显示的内容,来使用相应的标签,即在对的地方用对的标签。

三:HTML 文档的后缀名

  • html
  • htm

这两种写法是一样的,没有任何区别。

四:HTML 的开发工具有哪些

能写 HTML 代码的编辑器有很多种,至于哪个是最好用的 HTML 代码编辑器,每个人的观点不一样,这里我只举出我用过的几个,供君参考

1)Sublime Text 3

在这里插入图片描述
Sublime 的代码颜色是我最喜欢的,以至于我用其它编辑器,也要改成和它一样的颜色。

2)Webstorm

在这里插入图片描述
Webstorm 的代码智能提示以及自定义快捷键,颜色深得我喜欢。

3)Visual Studio Code

在这里插入图片描述

Visual Studio Code 是微软开发的轻量级的编辑器,插件功能非常强大。

4)Atom

这个软件从架构上比 vscode 更重视扩展和自由性,其本身就是由众多扩展构成的。扩展的自由度很高,例如装一个 minimap 跟 sublime text 一样了。写前端跟 vscode 半斤八两,一样可以做其他很多语言的开发。但是个人感觉扩展质量普遍没有 vscode 的高。起初用过一段时间,但是受不了参差不齐的扩展质量和兼容性,就转 vscode 了。

5)HBuilder

这是个号称专门为HTML5准备的IDE,我在几年前用过,貌似是基于 eclipse 内核的。所有基于 eclipse 的软件我都不想用。当初记得它连 代码的 format 都有 BUG。格式化代码在上面推荐的几个中任意一个用扩展都能轻易做到非常完美的地步。

6)Notepad++

Notepad++是一套非常有特色的自由软件的纯文字编辑器(许可证:GPL),有完整的中文化接口及支持多国语言编写的功能(UTF8 技术)。它的功能比 Windows 中的 Notepad(记事本)强大,除了可以用来制作一般的纯文字说明文件,也十分适合当作编写电脑程序的编辑器。Notepad++ 不仅有语法高亮度显示,也有语法折叠功能,并且支持宏以及扩充基本功能的外挂模组。

7)Eclipse

Eclipse 是著名的跨平台的自由集成开发环境(IDE)。最初主要用来Java语言开发,但是目前亦有人通过插件使其作为其他计算机语言比如C++和Python的开发工具。

8)Brackets

Adobe 开源的前端开发工具。这个基本上是完全为前端准备的,支持插件。起初用过一段时间,体验很不错的。内置 Server,可以直接预览变化。

9)Vim 编辑器

Vim 是一种高度可配置的文本编辑器,可以非常高效地创建和更改任何类型的文本。大多数 UNIX 系统都以 “vi” 的形式支持它。许多开发人员喜欢使用 Vim 进行各种编辑工作。Vim 非常稳定,并且在不断发展而变得更好。

10)Deco IDE

Deco 是专为 React Native 打造的 IDE。它是一个用于编写 React Native 应用程序的一体化解决方案,无需任何环境设置即可下载和使用。Deco 专注于组件重用,并支持用户对 UI 的实时编辑,从而改进了React Native 开发工作流程。

11)TextMate 编辑器

TextMate 并不是 IDE,但是通过使用其强大的片段、宏和独特的范围界定系统,它通常可以提供即使是编程语言特定的 IDE 都缺乏的功能。React 不直接支持,但是借助下面的插件可以很容易地获得对大多数 React 代码所基于的 JSX 的支持。

12)Spacemacs 编辑器

Spacemacs 是一个社区驱动的 Emacs 发行版 - 最好的编辑器既不是 Emacs 也不是Vim,它是 Emacs 和 Vim 相结合!

更多编程相关知识,请访问:编程视频!!

以上就是html用什么开发工具的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 开发软件
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    vuejs移动端用什么ui框架687
    vuejs中this代表什么含义311
    vuejs有什么功能685
    推荐视频教程
  • HTML前端基础第六部HTML前端基础第六部
  • HTML5 Canvas 动画实战教程HTML5 Canvas 动画实战教程
  • HTML 代码实例HTML 代码实例
  • HTML5 极速入门HTML5 极速入门
  • 新独孤九贱之:HTML5极速入坑新独孤九贱之:HTML5极速入坑
  • HTML5前端面试题HTML5前端面试题
  • 视频教程分类