How to add an image to your website using HTML...

#html #css #codenewbie

Adding images to your web page can really make it stand out. When you find the right image, it just pops! You can find images on such sites as www.istockphoto.com or www.gettyimages.com. You will want to create an 'images' folder to store them in.

You will need to use the <img> element and it must include two attributes:

src : This tells the browser where your image is being stored
alt : This is where you can add text to show in place of the image if for some reason the image fails to show up on your web page. For example, "Image of Company Logo". The <img> tag doesn't need a closing tag.

Your image is added like this:

<img src="images/dog.jpg" alt="A picture of a dog" />

You can add things like height and width to them by adding on to the above example.

<img src="images/dog.jpg" alt="A picture of a dog" width="600" height="450" />

You can also add images by using CSS using background-image property. But thats for another day! Happy coding!

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.