Learn how to write your first HTML webpage using only Notepad (Windows) or TextEdit (Mac). Perfect for beginners who want a simple, free way to start coding HTML.

🧑‍💻 Learn HTML Using Notepad or TextEdit

One of the best ways to begin learning HTML is by using simple text editors like Notepad (Windows) or TextEdit (Mac). These tools are free, easy to use, and allow you to understand the structure of HTML without distractions.

🪟 1. How to Create an HTML File Using Notepad (Windows)
✔ Step 1: Open Notepad

Press Windows Key + R, type:

notepad


Then press Enter.

✔ Step 2: Write Your HTML Code

Copy and paste this simple HTML code:

<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>

<h1>Hello World!</h1>
<p>This is my first HTML webpage.</p>

</body>
</html>

✔ Step 3: Save Your File as .html

Click File → Save As

In File name, type:

myfirstpage.html


Change Save as type → All Files.

Encoding → UTF-8

Click Save

✔ Step 4: Open the Webpage

Go to the folder where you saved the file and double-click it.
It will open in your browser—Congratulations! 🎉

🍏 2. How to Create an HTML File Using TextEdit (Mac)
✔ Step 1: Open TextEdit

Go to Applications → TextEdit

✔ Step 2: Change to Plain Text Mode

Click:
Format → Make Plain Text

✔ Step 3: Write Your HTML Code

Paste this:

<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>

<h1>Hello World!</h1>
<p>This is my first HTML webpage.</p>

</body>
</html>

✔ Step 4: Save the File

Click File → Save

Write file name:

myfirstpage.html


Uncheck “If no extension is provided, use .txt”

Save the file to Desktop

✔ Step 5: View Your Webpage

Double-click the file → it opens in Safari/Chrome.

🧱 3. Why Learn HTML Using a Simple Editor?

You understand the raw structure of HTML

No distractions from auto-correct or auto-complete

Builds a strong foundation for future coding

Works offline and requires no installation

Great for beginners and students

📚 4. What You Can Learn Next

After mastering basic HTML, you can explore:

CSS (styling webpages)

JavaScript (adding actions and interactivity)

Bootstrap (creating professional designs fast)

PHP/MySQL (building full systems like mikopo, CRM, dashboards, etc.)

If you want, I can write the next lesson: HTML Attributes.

🔗 Links Za Kujifunza Zaidi

🌐 Faulink Official Website
https://www.faulink.com/

📘 Jifunze Web Design & Programming
https://www.faulink.com/excel_mifumo.php

📲 WhatsApp kwa Msaada wa Haraka
https://wa.me/255693118509