HTML Editors
HTML Editors
In this tutorial, we use a plain text editor (like Notepad++) to edit HTML. We believe this is the best way to learn HTML. Instead of writing plain text, however, professional Web developers often prefer using HTML editors like FrontPage or Dreamweaver because they offer code-writing shortcuts and helpful features.
Software Requirement
HTML Editor
Browser
Where can I edit/ create HTML files?
In text editor! Creating HTML files is free you don't need to download expensive applications to do so.
Look at the list below for some free apps you could use to edit HTML files.
- Notepad
- Notepad++
- TextEdit
- Sublime Text Editor
- VIM
- ATOM
- Visual Studio Code
- Brackets
- Quoda(Android app)
- QuickEdit(Android app)
- DroidEdit(Android app)
- HTML Editor(Android app)
- Docder(Android app)
You can download any application you want.
Yes, you can use mobile Device to create HTML files.
Different text editors have different text wrapping and features.
Learn HTML Using Notepad++ (pc)
Step 1 :
Open Notepad ++ -> Click to File -> Click to New
In notepad ++ new page opened by default, you can write your code in that page also!
Step 2: Write Some HTML
Write or copy the following HTML code into Notepad++:
<!DOCTYPE html>
<html>
<body>
<h1>My first heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html>
<body>
<h1>My first heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Step 3: Save the HTML Page
Save the file on your computer. Select File > Save as in the Notepad++ menu.
Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).
Step 4: View the HTML Page in Your Browser
Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").
The result will look much like this:
Browser used to run HTML code:
- Chrome
- Firefox
- Internet explorer
- Safari(mac)
- Opera
Comments
Post a Comment