HTML from Scratch: Creating Your First Page. Lesson #2 Overcod.net

HTML from Scratch: Creating Your First Page. Lesson #2

Today, we’ll create your first HTML page together! We’ll start with a bit of theory and then dive into practice.

To begin, you’ll need a simple text editor, such as Notepad. If you’re not sure where to find it, click on the “Start” button in the lower-left corner of your screen, select “All Programs” → “Accessories” → “Notepad.”

Creating Your First Page

Open Notepad
Create a Folder
On your computer, create a folder called “My HTML Experiments.” This is where you’ll save all the files for this course.
Write the HTML Code
In Notepad, enter the following code:

<!DOCTYPE html>
<html>
<head>
    <title>My First Page on overcod.net</title>
</head>
<body>
    Hello, this is my first page on overcod.net
</body>
</html>

Save the Document as HTML
In Notepad, go to “File” → “Save As.” Select the “My HTML Experiments” folder and name the file index.html. Then click “Save.”

Now, open the folder and double-click the index.html file. Your first webpage should appear in the browser!

Understanding the HTML Code

<html> opens the HTML document.
<head> sets the document’s header, which appears in the browser’s tab.
<title> displays text in the browser tab.
<body> contains visible text and page elements.

Note: Most HTML tags are paired, like <body>...</body>, where the first tag opens an element, and the second tag closes it. Some tags, like <br>, are self-closing and don’t need a closing tag.

Congratulations! You’ve created your first HTML page.

HTML from Scratch: Creating Your First Page. Lesson #2

Leave a Reply Cancel reply

Latest posts in this category

Popular posts