Skip to main content
โ† Back to Web Development samples
๐ŸŒWeb Developmentยท15 minยทSample Lesson

My First Web Page

You can build your first real webpage in 5 minutes โ€” using only the text editor that's already on your computer (Notepad on Windows, TextEdit on Mac) and a web browser. No special software, no installs, no fees. The web is one of the most open platforms on Earth.

Steps. (1) Open a plain text editor. (2) Type a basic HTML page. (3) Save with the extension .html (e.g., "myfirst.html"). (4) Find the file on your computer and double-click it. Your browser opens โ€” and you see your page! Congratulations, you're a web developer.

โ“

Which file extension makes a browser display your file as a webpage?

Try this exact code: <!DOCTYPE html><html><head><title>My First Page</title></head><body><h1>Hello, internet!</h1><p>I built my first webpage today.</p><img src="https://placekitten.com/200/200" alt="A kitten"><a href="https://hyvecares.org">Visit HYVE</a></body></html>. Save as test.html, open it. Edit it. Reload. Nothing was installed.

๐ŸŽฏ

Build Yours

Build your own first page using the example above as a starting point. Change the title, the heading, the paragraph. Add another image. Add another link. Save, reload, see the changes.

You just built a real webpage with real HTML. Everything you'll learn next โ€” CSS for style, JavaScript for behavior, frameworks for power โ€” builds on this.

Want to keep learning?

Sign up for free to access the full curriculum โ€” all subjects, all ages.

Start Learning Free