Shulou(Shulou.com)06/03 Report--

This article mainly explains "what are the development tools of html". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn what are the development tools of html.

Html development tools: 1, Sublime Text 3 / 2, Webstorm;3, Visual Studio Code;4, Atom;5, HBuilder;6, Notepad++;7, Eclipse;8, Brackets;9, Vim editor and so on.

The operating environment of this tutorial: windows7 system, HTML5 version, Dell G3 computer.

One: what is HTML?

HTML, the full name of Hyper Text Markup Language (Hypertext markup language), is the standard language for making pages on the World wide Web.

The so-called hypertext, because it can add pictures, sound, animation, multimedia and other content. Not only that, it can also jump from one file to another, connecting to files from hosts around the world.

In particular, HTML is not a programming language, but a descriptive markup language.

Second: what does HTML want to learn?

To learn HTML is to learn all kinds of tags, that is, the "skeleton" of a web page.

Tags include text tags, image tags, audio tags, form tags, and so on. Because the language HTML is a descriptive language, that is, using tags to speak.

For example, if you want to display a paragraph of text in a browser, you use the paragraph tag p, and if you want to display a picture in the browser, you need to use the image tag img. Different labels are used for different objects.

To learn HTML is to learn all kinds of tags, and then use the corresponding tags for what you want to display, that is, using the right tags in the right place.

Three: suffix name of HTML document

Html

Htm

The two ways of writing are the same, and there is no difference.

Four: what are the development tools of HTML

There are many kinds of editors that can write HTML code. As to which one is the best HTML code editor, everyone has a different point of view. Here I will only list a few that I have used for your reference.

1) Sublime Text 3

The code color of Sublime is my favorite, so I have to change it to the same color with other editors.

2) Webstorm

Webstorm code intelligent prompts and custom shortcuts, the color is so dark that I like.

3) Visual Studio Code

Visual Studio Code is a lightweight editor developed by Microsoft, and plug-ins are very powerful.

4) Atom

This software is architecturally more focused on extension and freedom than vscode, and is itself made up of many extensions. The degree of freedom of expansion is very high, for example, installing a minimap is the same as sublime text. Writing the front end, like vscode, can do the development of many other languages. But I feel that the quality of expansion is generally not as high as that of vscode. At first, I used it for a while, but I couldn't stand the uneven extension quality and compatibility, so I switched to vscode.

5) HBuilder

This is an IDE that claims to be specially prepared for HTML5, which I used a few years ago, and seems to be based on the eclipse kernel. I don't want to use all eclipse-based software. I remember that even the format of the code had BUG. Formatting code can easily be done perfectly with extensions in any of the several recommended above.

6) Notepad++

Notepad++ is a set of very distinctive free software text editor (license: GPL), with a complete Chinese cultural interface and support for multi-language writing functions (UTF8 technology). Its function is more powerful than Notepad (notepad) in Windows. It can not only be used to make general plain text description documents, but also very suitable as an editor for writing computer programs. Notepad++ not only has syntax high-brightness display, but also has syntax folding function, and supports macros and plug-in modules that extend basic functions.

7) Eclipse

Eclipse is a famous cross-platform free integrated development environment (IDE). Originally mainly used for Java language development, but now there are plug-ins to make it a development tool for other computer languages such as C++ and Python.

8) Brackets

Adobe open source front-end development tools. This is basically prepared entirely for the front end and supports plug-ins. At first I used it for a period of time, and the experience was very good. Built-in Server, you can directly preview the changes.

9) Vim Editor

Vim is a highly configurable text editor that can create and change any type of text very efficiently. Most UNIX systems support it in the form of "vi". Many developers like to use Vim for various editing tasks. Vim is very stable and continues to evolve and get better.

10) Deco IDE

Deco is an IDE built specifically for React Native. It is an all-in-one solution for writing React Native applications that can be downloaded and used without any environment settings. Deco focuses on component reuse and supports real-time editing of UI, thus improving the workflow of React Native development.

11) TextMate Editor

TextMate is not an IDE, but by using its powerful fragments, macros, and unique scoping system, it usually provides functionality that even programming language-specific IDE lacks. React is not directly supported, but you can easily get support for the JSX on which most React code is based with the following plug-ins.

12) Spacemacs Editor

Spacemacs is a community-driven Emacs distribution-the best editor is neither Emacs nor Vim, it's a combination of Emacs and Vim!

Thank you for your reading, the above is the content of "what are the development tools of html". After the study of this article, I believe you have a deeper understanding of what the development tools of html have, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.