For this week’s assignment on W3 schools, I overcame technical issues that were easy to fix in the end but not in the beginning. I learned to be attentive, cautious, and learn how to upload images onto HTML code. Uploading images onto my files was one of the simpler tasks, but putting it into code made me curious about how I would structure the code. I became more familiar with HTML image tags, such as <img>, which defines an image, and src, which specifies the path to the image. 

When I first started to copy my image code onto my entire site code, the image would not show up. I struggled to understand why my image code was not showing up, and I ended up learning that I had to put: <img src=”./mitzyimage.jpg” alt=“self” width=” 260px” height=“200px”> instead of <div class=”fakeimg” style=”height:200px;”>Image</div>.

There was a lot of trial and error in fixing the code to ensure that my image showed up. I ended up messing up one part of the code while I kept pasting my image code, which disorganized the template’s structure. To fix that issue, I had to carefully review the whole code I had on my site and compare it to the template code. Even after carefully reviewing the code, I still did not understand what went wrong; however, I was able to understand the issue after the third review. Another issue I faced was dealing with the width and height since the images I chose were of different sizes. However, I was able to overcome that issue after knowing the specific number to use, which was set to width=”680″ height=”250″. Dealing with different image sizes helped me learn about being cautious of which image to pick since the stretched look can appear differently on various screens.

The overall experience was extremely gratifying to see my site the way I wanted it to look. What I plan to teach myself next week is to ensure that I am aware of other HTML terms and start to organize the content I can utilize. Another thing I plan to teach myself is to read more about CSS and get ahead on next week’s assignment.