HTML EDITORS

1-Write HTML Using NOTEPED or TEXTEDIT

Web pages can be created and modified by using professional HTML editors.

However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).

We believe using a simple text editor is a good way to learn HTML.

Follow the four steps below to create your first web page with Notepad or TextEdit.

---------------------------------------------------------------------------------------------

Step 1: Open NOTEPAD (PC)

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

Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"

Then under "Open and Save", check the box that says "Ignore rich text commands in HTML files".

Then open a new document to place the code.

---------------------------------------------------------------------------------------------

Step 2: Write Some HTML

Write or copy some HTML into Notepad.

EXAPMLE-

<!DOCTYPE html>

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

RESULT-

--------------------------------------------------------------------------

Step 3: Save the HTML Page

Save the file on your computer. Select File > Save as in the Notepad menu.

Name the file "index.html" 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

-------------------------------------------------------------------------------------------------------------------------------------------
BY Prateek Gupta

websitedesigncodelearning

Search This Blog

HTML Editors