Lavinia: REFLECTION: My Experience with HTML and Web Customization

At the start of our second quarter, we delved deep into the study of HTML, exploring its fundamental components and learning how to structure and design web pages effectively. Though, HTML was not a new word for me, now it was unfamiliar. The session started with an overview of the basic HTML tags, such as <html>, <head>, <title>, and <body>, which form the building blocks of any webpage. Understanding these tags laid a strong foundation for learning more complex elements later on. We learned how to create a simple webpage structure, and the class worked through examples to practice using these tags to make sure we were comfortable with them.

As we progressed, we moved on to more detailed aspects of HTML, including the use of font face tags and background color attributes. This part of the lesson was particularly interesting because it demonstrated how to add a more personalized touch to web pages. Using tags like <font> to change the font style and attributes such as bgcolor to adjust the background color gave our web pages a more customized and visually appealing look. It was amazing to see how small changes in code could result in a significant difference in the appearance of a page. Learning how to modify the text color, background color, and font styles made me realize the power of HTML in enhancing user experience and engagement.

One of the more challenging parts of the class was understanding and working with frames. The <frameset> tag and its related attributes, such as rows and cols, were a bit confusing at first. It was difficult to grasp how the content could be divided into separate, resizable sections within one webpage and how the <frame> tag would fit into the overall layout. The concept of creating multiple, independent sections with their own content took some time to process, and it felt like a complex way of designing web layouts. However, after some practice and troubleshooting, I finally started to understand how frames work and how to use them effectively to display different pieces of content side by side or stacked vertically. I can now appreciate how frames can be useful for certain web design needs, even though they are less commonly used today in favor of more modern CSS techniques.

In addition to frames, we also studied the use of tables, which are essential for organizing data and creating structured layouts on a webpage. Tables involve a combination of tags such as <table>, <tr>, <td>, and <th>, which help to define the table structure, rows, and cells. This part of the lesson was more straightforward compared to frames, as it was easier to visualize how data could be presented in rows and columns. We also learned how to customize tables using attributes like border, cellspacing, and cellpadding to modify their appearance and spacing. Creating tables with these tags gave me a deeper understanding of how to present organized information and create more complex page layouts.

Overall, this class was an eye-opening experience that expanded my knowledge of HTML and its capabilities. Although some parts, such as frames, were difficult at first, the challenge made me more determined to learn and understand the material. By the end of the session, I felt more confident in my ability to use various HTML tags to create and design web pages. The knowledge I gained about customizing text, using background colors, and designing with tables will undoubtedly be useful as I continue to develop my web design skills. Even though HTML is only the starting point, I now have a better appreciation for how it serves as the backbone of web development and how it can be used creatively to build functional and attractive websites.

references:

https://www.codingal.com/resources/wp-content/uploads/2023/07/h1.png