My Experience Learning HTML Tags and Setting Up GitHub Pages

As a beginner in front-end development, learning HTML was an exciting first step. On the second day, I delved deeper into HTML and explored various tags that structure content on a webpage. Here's a quick overview of my journey and the key HTML tags I used.

Key HTML Tags I Learned

1. Header Tags (<h1> to <h6>): Define headings of different levels.

   • Example:<h1>Welcome to My Portfolio</h1>

2. Paragraph Tag (<p>): Defines paragraphs.

   • Example:<p>Introducing myself as a budding front-end developer.</p>

3. Anchor Tag (<a>): Creates hyperlinks.

   • Example:<a href="https://www.linkedin.com/in/yourprofile">Visit my LinkedIn profile</a>

4. Unordered List Tag (<ul>): Creates bullet-point lists.

   • Example:

   • 

   • Ordered List Tag (<ol>): Creates numbered lists.

   • Example:

   • 

   • Subscript Tag (<sub>): Defines subscript text.

   • Example:H<sub>2</sub>O

5. Superscript Tag (<sup>): Defines superscript text.

   • Example:x<sup>2</sup>

6. Abbreviation Tag (<abbr>): Defines abbreviations with hover text.

   • Example:<abbr title="HyperText Markup Language">HTML</abbr>

7. Image Tag (<img>): Embeds images.

   • Example:<img src="profile.jpg" alt="Profile Picture">

My First Projects

I created a complete letter using the HTML tags I learned, which you can view on my GitHub.

Additionally, I built a simple portfolio and hosted it on GitHub Pages. My portfolio includes:

• Header: "Welcome to My Portfolio"

• Paragraph: Introducing myself

• Unordered List: My hobbies

• Ordered List: My goals for learning front-end development

• Image: A profile picture

• Link: My LinkedIn profile

You can check out my portfolio here.

Conclusion

Learning HTML and setting up GitHub Pages has been a rewarding experience. It has allowed me to understand the fundamentals of web development and apply them in practical projects. As I continue this journey, I look forward to mastering more advanced topics and integrating my design skills with front-end development. This is just the beginning, and I'm excited to see where this path will take me. Let's create something extraordinary together!