The first tool you need to learn HTML is a text editor, on which you can write the HTML code and create HTML documents or files. Every operating system comes with an inbuilt text editor software, in windows, we have notepad; and in Mac and Linux-based operating systems, we have TextEdit.
<Note> Never use WordPad or Word to edit or create HTML documents.
Popular HTML text editor Software
However, you can use notepad to create and edit HTML documents, but we recommend installing an open-source editor. Much free-to-use text-editor software is present on the internet, which provides a better interactive User interface and some add-on functionality that you miss on a notepad. Here is the list of the top 4 HTML text editors you can pick:
- Sublime Text Editor
- Visual Code Studio
1. Sublime Text Editor
It is the most popular text editor, which is free to download. A Sydney-based company develops it and comes with a premium version. The free version of Sublime text provides enough features for HTML, but if you want to use it to its full extent, you can buy the premium version. We recommend you stay with the free version because it is enough to serve your purpose of learning and writing HTML.
Notepad++ also free to use text editor, and it is the best text lightweight text editor software you can find on the internet. This text editor is only available for window operating systems, so you cannot download it if you are on Mac or Linux. Like other text editors , notepad++ provides many features such as code highlighting, auto-indentation, syntax highlighting, opening multiple files on a single window, quick editing with a find and replace option, running the file from the editor, and so more.
3. Visual Code Editor
Microsoft develops visual Code Editor, which is available for all popular operating systems, including Mac and Linux. The size of the software varies from OS to OS, and it is available in various languages. Visual Code editor provides far better and more features than sublime and nodepad++ combined, and it comes with a myriad of plug-ins that can be added to the editor to increase the developer's productivity.
Atom is an open-source text editor developed by GitHub, and it is available for all popular operating systems. It has an inbuilt Git control version and directly supports the git hub repository. You can probably choose Atom over Visual Code Editor if you are not a Microsoft fan. The Size of an Atom varies from 87 to 180 MB.
Write HTML code
Once you have downloaded the text editor, you can write HTML code. Make sure you save the file with the .html extension so that the browser can interpret the file as an HTML document.
<!DOCTYPE html> <html> <body> <h1>Top Heading</h1> <p> We welcome you!.</p> </body> </html>
Save the File
After writing the code, save the file name with the .html extension. You can give any name to your file, but it should end with .html.
Run the file on the browser.
After saving the file, you can double-click on the file to execute it. In the text editor, you also get an option to run the file, which allows you to run the file directly from the Code editor.
- Editors are used to creating and editing HTML files.
- Every Operating System comes with built-in Text editor software.
- Do not use WordPad or word for code editing.
- Permanently save HTML files with the .html extension.
People are also reading: