What development tools are used for 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 editing Devices and so on.

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

1: What is HTML

HTML, the full name is "Hyper Text Markup Language (Hyper Text Markup Language)", it is a method for making World Wide Web pages standard language.

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

It should be noted that HTML is not a programming language, but a descriptive markup language.

2: What to learn about HTML

Learning HTML is to learn various tags, the "skeleton" of web pages.

Tags include text tags, image tags, audio tags, form tags, etc. Because HTML is a descriptive language, it uses tags to speak.

For example, if you want to display a paragraph of text in the browser, you will use the paragraph tag p. If you want to display an image in the browser, you will use the image tag img. Different tags are used for different objects.

Learning HTML means learning various tags, and then using the corresponding tags for the content you want to display, that is, using the right tags in the right place.

3: The suffix name of the HTML document

• html
• htm

These two writing methods are the same and there is no difference.

4: What are the HTML development tools?

There are many editors that can write HTML code. As for which one is the best to use? Everyone has different opinions on HTML code editors. Here I only list a few that I have used for your reference

1) Sublime Text 3

Sublime’s code color is my favorite, so much so that when I use other editors, I have to change it to the same color as it.

2) Webstorm

I like Webstorm’s smart code prompts and custom shortcut keys. The colors are dark and dark.

3) Visual Studio Code

Visual Studio Code is a lightweight editor developed by Microsoft with very powerful plug-in functions .

4) Atom

This software pays more attention to expansion and freedom than vscode in terms of architecture, and it itself is composed of many extensions. The degree of freedom of expansion is very high. For example, installing a minimap is the same as sublime text. Writing front-end is about the same as vscode, and you can also develop in many other languages. However, I personally feel that the extension quality is generally not as high as vscode. I used it for a while at first, but couldn’t stand the uneven extension quality and compatibility, so I switched to vscode.

5) HBuilder

This is an IDE claimed to be specially prepared for HTML5. I used it a few years ago. It seems to be based on the eclipse kernel. I don't want to use any software based on eclipse. I remember that even the format of the code had bugs. The formatting code can be easily perfected by using any of the extensions recommended above.

6) Notepad

Notepad is a very unique free software pure text editor (license: GPL), with a complete Chinese language interface and Supports the function of writing in multiple languages ​​(UTF8 technology). Its function is more powerful than Notepad in Windows. In addition to being used to create general plain text description files, it is also very suitable as an editor for writing computer programs. Notepad not only has syntax highlighting, but also has a syntax folding function, and supports macros and plug-in modules that expand basic functions.

7) Eclipse

Eclipse is a well-known cross-platform free integrated development environment (IDE). Initially it was mainly used for Java language development, but now some people use plug-ins to use it as a development tool for other computer languages ​​such as C and Python.

8) Brackets

Adobe’s open source front-end development tools. This is basically completely prepared for the front end and supports plug-ins. I used it for a while at first and the experience was very good. Built-in Server, you can preview changes directly.

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 constantly evolving to get better.

10) Deco IDE

Deco is an IDE specially built for React Native. It is an all-in-one solution for writing React Native applications that can be downloaded and used without any environment setup. Deco improves the React Native development workflow by focusing on component reuse and enabling users to edit the UI in real time.

11) TextMate Editor

TextMate is not an IDE, but by using its powerful snippets, macros, and unique scoping system, it can often provide even programming Features that language-specific IDEs lack. React doesn't support it directly, but it's easy to get support for JSX, which most React code is based on, with the help of the plugin below.

12) Spacemacs Editor

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

For more programming related knowledge, please visit: Programming Video! !

The above is the detailed content of What development tools are used for html?. For more information, please follow other related articles on the PHP Chinese website!