Photo by Jackson Sophat on Unsplash
Getting Started with HTML: My Learning Journey and First Project(Day-2)
Introduction
As I embark on my journey into web development, today marked an important milestone—I learned the basics of HTML and applied my knowledge to create a simple bookmark project. This blog serves as a reflection on what I learned and how I implemented it in a practical way.
Understanding the Basics of HTML
HTML (HyperText Markup Language) is the backbone of any webpage. Today, I explored its fundamental structure and key elements, which include:
✅ HTML Structure – Understanding the basic building blocks of a webpage.
HTML Attributes – Adding additional properties to elements.
✅ Headings (<h1> - <h6>) – Organizing content hierarchically.
✅ Paragraphs (<p>) – Structuring text content.
✅ Links (<a href="URL">) – Creating hyperlinks to navigate between web pages.
My First HTML Project: A Bookmark Page
To apply what I learned, I built a Bookmark Page using HTML. This simple project allows me to store quick access links to my favorite websites. Here’s a look at the structure
Previewing a Webpage on Mobile
One interesting skill I picked up today was how to preview my HTML page on my mobile device using VS Code's Live Preview. Here’s how I did it:
Find your IPv4 address – Open your terminal (Command Prompt or Bash) and type
ipconfig(Windows) orifconfig(Mac/Linux) to get your IPv4 address.Configure VS Code – Open VS Code settings, locate
Live Preview: Host IP, and enter your IPv4 address.Restart VS Code – Close and reopen VS Code for changes to take effect.
Copy the Address – Start the Live Preview and copy the generated URL.
Open on Mobile – Paste the URL in your phone’s browser to see your webpage in action!
Final Thoughts
Learning HTML has been a fun and rewarding experience. Creating a bookmark project allowed me to apply my skills in a practical way. I’m excited to continue exploring CSS, JavaScript, and beyond to enhance my web development skills.
If you're starting your own journey, keep experimenting and building small projects—it’s the best way to learn! 🚀