Html code editor

HTML code editor Windows 10

Step-1: Click on the Windows icon at the bottom of the computer or click on the bottom (type here to search).
Step-2: Type Notepad.
Step-3: Double click on Notepad.

HTML code editor windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.
Windows 7 or earlier:
Open Start> Programs> Accessories> Notepad

Step 1: Open TextEdit (Mac)
Open Finder> Applications> TextEdit
Change some preferences to get the app to save files properly. Select Preferences> Format> “Plain Text”
Then under “Open and Save”, check the box saying “Show HTML files as HTML code instead of formatted text”.
Then open a new document to place the code.

Step 2: Write some HTML
Type or copy the following HTML code into Notepad:

<! DOCTYPE html> 
<html>
   <body>
      <h1> My first title </h1>
      <p> My first paragraph. </p>
   </body>
</html>

Notepad

Step 3: Save the HTML page
Save the file to your computer. In the Notepad menu, select File> Save.

html code editor

Name the file “index.htm” and set the encoding to UTF-8 (which is the preferred encoding for HTML files).
View in browser
Tip: You can use .htm or .html as a file extension No matter, it’s up to you.

Step 4: View the HTML page in your browser
Open the HTML file saved in your favourite browser (double-click on the file, or right-click – and select “Open with”).
The results should look like this:

View in browser

download vs code: https://code.visualstudio.com/download

Related Posts

Hr tag in HTML example.jpg

Hr tag in HTML example

What is an hr tag in HTML, and Why is it Useful? The hr tag is an HTML tag example that stands for the horizontal rule. It…

Author in HTML.jpg

Author in HTML

Introduction Author in HTML An HTML author bio is a short paragraph that describes who you are and what you do. It usually appears in an HTML…

Sub and sup Tag in HTML.jpg

Sub and sup Tag in HTML

What is a Sub or Sup Html Tag? An HTML sub or sup tag is used to change the text’s vertical position. The sub and sup tags…

Form in html

How to Learn Form in html

I will discuss Form in Html and why this tag works. In short, the HTML <form> tag is used to create a form for user input If…

Comment in Html

How to learn HTML Comment in HTML

Comment in HTML The purpose of commenting in HTML is to let your co-worker know that I am designing a web page for a company today as…

How to learn html colors

The most important thing about a website is HTML colors. A website will look beautiful when its colour is beautiful. There are many types of colours we…

This Post Has 6 Comments

Leave a Reply

Your email address will not be published.

Education Template