This week, I delved into the fundamentals of HTML and successfully created a simple website based on a story we developed in small groups. The process of structuring the text into paragraphs and integrating images was particularly engaging and served as a great refresher after the summer break. I realize that mastering these basics is essential for any web development journey.
While I enjoyed the session, I recognize that I still have much to learn, especially regarding HTML, GitHub, and how to manage my code effectively. However, I feel confident in my ability to grasp these concepts with practice.
One of the most valuable parts of our class was the exercise where we were encouraged to explore different aspects of the starter code before Diana’s demonstration. I attempted to add images to the website by searching online. I found the <img> tag and, mistakenly thinking it worked like the <p> tag, I wrote <img></img> and was confused when the images didn’t appear on my live site.
Diana’s explanation clarified that the correct format requires the src attribute, so it should be <img src="image-link">. This made me realize the importance of understanding the specifics of HTML syntax.
As we progress, I anticipate that distinguishing which elements require closing tags, and which don’t will become more challenging. I’m determined to keep practicing, so these concepts become second nature.
Additionally, I learned how to resize images to improve the website’s overall presentation. It was also beneficial to understand how to source images from my local files, ensuring that I won’t encounter broken links if an external image is removed.
We also covered the use of headings, which help emphasize key elements of the content, such as the title of our story, “Too Much Catnip!” This not only enhances readability but also visually distinguishes important sections.
Overall, this week has reinforced my enthusiasm for web development, and I look forward to expanding my knowledge further in the coming sessions.