Course Content
HTML Basic Examples
In this chapter we will show some basic HTML examples. Don't worry if we use tags you have not learned about yet.
0/1
HTML Editors
A simple text editor is all you need to learn HTML.
0/1
HTML Basic Examples
In this chapter we will show some basic HTML examples.
0/1
HTML Elements
0/1
HTML Attributes
HTML attributes provide additional information about HTML elements.
0/1
HTML Headings
HTML headings are titles or subtitles that you want to display on a webpage.
0/1
HTML Paragraphs
A paragraph always starts on a new line, and is usually a block of text.
0/1
HTML Styles
The HTML style attribute is used to add styles to an element, such as color, font, size, and more.
0/1
HTML Text Formatting
HTML contains several elements for defining text with a special meaning
0/1
HTML Quotation and Citation Elements
0/1
HTML Comments
0/1
HTML Styles – CSS
0/1
HTML Favicon
0/1
HTML Page Title
0/1
HTML Block and Inline Elements
0/1
HTML Div Element
0/1
HTML class Attribute
0/1
HTML id Attribute
0/1
HTML Iframes
0/1
HTML JavaScript
0/1
HTML File Paths
0/1
HTML – The Head Element
0/1
HTML Layout Elements and Techniques
HTML Tutorial
About Lesson

Learn HTML Using Notepad 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 that using a simple text editor is a good way to learn HTML.

Follow the 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 “Display HTML files as HTML code instead of formatted text”.

Then open a new document to place the code.


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>

Notepad