Reflection on Second Quarter: HTML Tags and Their Functions

 


a. What are the learning/discoveries that I have gained?

During the second quarter, I gained a deeper understanding of HTML tags and their essential roles in web development. I learned how to use various tags to structure content on web pages, such as <h1> to <h6> for headings, <p> for paragraphs, <a> for hyperlinks, and <img> for images. I also discovered the importance of attributes like src, href, and alt in enhancing the functionality and accessibility of web pages. Additionally, I became more familiar with the concept of nesting elements within each other to create organized, hierarchical structures in code. Overall, I gained valuable insight into how HTML forms the backbone of web development and the significance of each tag in building functional websites.

b. What are the problems/challenges that I have encountered?

One of the challenges I encountered was understanding the syntax and proper nesting of tags. At times, I struggled to remember which tags should be placed inside others and how to properly close certain tags. For example, I initially had difficulty with placing inline elements like links or images inside block elements like paragraphs or divs. Another issue I faced was ensuring that all the attributes were correctly applied, especially when working with images and links. At first, I often overlooked important attributes like the alt text for accessibility or the correct file paths for images.

c. How did I address these challenges?

To address these challenges, I took a more hands-on approach by practicing coding regularly and experimenting with different tags. I made sure to read documentation and tutorials on HTML, which clarified the correct usage of tags and attributes. I also used visual tools like code editors (e.g., Visual Studio Code) to preview my work, which helped me catch errors quickly. When I encountered syntax issues, I would often consult online resources, including Stack Overflow, or refer to official web development guides for solutions. By repeatedly practicing and checking my work, I became more confident in my understanding of HTML and its correct implementation.

d. Moving on, I will….

Moving forward, I will continue to refine my skills in HTML by experimenting with more complex layouts and integrating CSS to style my pages. I will focus on learning additional HTML tags and exploring more advanced concepts like forms and tables. Furthermore, I plan to work on creating fully functional websites, applying what I've learned about structuring content effectively, ensuring accessibility, and maintaining proper syntax. I will also seek feedback from peers or mentors to further improve my coding practices and ensure that my web pages are both user-friendly and responsive across different devices. Ultimately, I aim to build a solid foundation in web development that will allow me to progress into more advanced topics like JavaScript and dynamic web design.

Comments

Popular posts from this blog

Climate Change and Resiliency of Filipinos

National Children's Month 2024

A Legacy full of Honor and Pride: A Festival of Tradition and Culture