Learn HTML Using Notepad or TextEdit (Beginner Guide)
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
🚀 Unahitaji mfumo au website ya biashara?
Chagua huduma hapa chini kisha mteja bofya moja kwa moja kwenda kwenye ukurasa wa huduma au kuwasiliana nasi kwa WhatsApp.