---
# System prepended metadata

title: Week 2 at Blockfuse Labs - My HTML Learning Journey

---

# Week 2 at Blockfuse Labs - My HTML Learning Journey

Week 2 at **Blockfuse Labs** marked my full immersion into **HTML (HyperText Markup Language)**, the foundational language of the web. This week focused on both understanding the theory behind HTML and applying it practically through hands-on assignments. By the end of the week, I had a clearer understanding of how web pages are structured and how content is organized using HTML alone.

We began by learning about the **history of HTML** and its purpose. HTML was created to make information on the internet easy to share and understand. Over time, it has evolved to support better structure, accessibility, and readability. This background helped me understand why HTML focuses on structure rather than design or logic.

A major part of the lessons covered **tags, elements, and attributes**. Tags are written inside angle brackets and define the type of content being displayed. When a tag, its content, and a closing tag are combined, they form an element. Attributes provide additional information about elements, such as defining links or image sources.

We also learned the **basic structure of an HTML document**. Every HTML page starts with a document type declaration, followed by the `html` element, which contains the `head` and `body`. The head section holds metadata such as the page title and favicon, while the body contains all the visible content on the page.

Content organization was emphasized through the use of **headings and paragraphs**. Headings range from `h1` to `h6` and help structure content hierarchically, while paragraphs created with the `p` tag are used for regular text. To control spacing and layout, we used the `br` tag for line breaks, the `hr` tag to separate sections, and the `pre` tag to preserve formatting and whitespace.

Another important concept was **nested elements**, where elements are placed inside one another to create more complex layouts. Alongside this, we learned the difference between **block-level and inline elements**. Block elements take up the full width of the page and start on a new line, while inline elements only take up as much space as needed and remain within the flow of text.

We explored adding media and external resources using HTML. Images were added using the `img` tag, and we learned how to correctly reference files using **absolute and relative paths**. This made it easier to link pages and assets within a project. We also learned how to add a **favicon**, which appears on the browser tab and helps identify a website.

Lists were another key topic covered during the week. We learned how to use **ordered lists (`ol`)**, **unordered lists (`ul`)**, and **description (detailed) lists** to organize related information. These are commonly used for navigation menus, documentation, and content grouping.

We also learned how to create **tables** in HTML. Tables are used to display structured data in rows and columns using elements such as table rows, headers, and data cells. Understanding tables helped improve how information can be presented clearly and logically on a web page.

Formatting and semantic structure were also introduced. We learned how to use formatting elements to emphasize text and how semantic elements such as **header** and **footer** help improve the clarity and organization of a webpage. These elements make the structure of a page more meaningful and readable.

Forms were a major part of the week’s learning. We learned how to create forms using different input types such as text fields, radio buttons, checkboxes, buttons, and labels. Forms are essential for collecting user input and are a core part of interactive web pages.

To reinforce these concepts, we completed several practical assignments. One assignment involved recreating a **sample Blockfuse Labs website using only HTML**, which helped strengthen our understanding of structure, nesting, and navigation. Another assignment required us to build a **personal portfolio website using only HTML**, consisting of a Home page, About page, and Contact page. This project helped solidify concepts such as file structuring, linking multiple pages, and creating navigation bars.

We also learned about **detailed stacking**, which focused on arranging elements logically within a page to ensure clarity, proper flow, and better structure.

Overall, Week 2 at Blockfuse Labs provided a strong and practical foundation in HTML. The combination of theory and hands-on assignments made it easier to understand how web pages are built from scratch. This week has prepared me for more advanced topics as I continue my journey into web development.
