Learning to build a website is enjoyable. It makes me proud to say I can create a basic website from code. I like knowing that I can insert any picture and size it using code. Not needing to crop before. I’m sure we’ll get more into the scenarios where that is necessary, but for now, it’s cool to understand the basics.
Something I found challenging about building a website from code was how detail-oriented code needs to be. The smallest line or letter can mess everything up. It’s my biggest challenge; my brain isn’t used to it. I have to rework my brain to go over the code multiple times because I’m the type of person who never reads my texts before I send them.
Basic instructions on adding a picture to a website: you must find a free picture online to ensure there’s no legal dispute. Make sure that the image is large enough to not be stretched so much that it’s pixelated. Copy the URL. In the body of the code, wherever you wish to add an image. Start by adding the <img element and the src attribute then paste the URL you have copied. Make sure it’s wrapped in quotation marks (“”) and connected to the src attribute with an equal sign (=). Then add the alternative written description of the image using the attribute alt =. Add the size you want the image displayed using the attributes heights = and width =. Make sure the numbers are inside quotation marks. Closing the image code with the >.
Leave a Reply