how to change line spacing or line height in html

html line spacing css

When coding html pages for a website, the line spacing of the text content is probably one of attributes that is usually¬†left as default. Most of the time, you do not even think about it and the default works the best. The line spacing or line height is the vertical height between lines of text in a rendered html page….

how to add a favicon to your website and uses of a favicon


A Favicon is a graphic icon or a small image that is associated with a website and displayed as a visual indicator of your website. It is meant to be an abbreviated term for Favorite Icon. Most websites have a brand and a brand image that uniquely identifies it. The favicon is usually the brand image in a smaller form,…

seo: broken links in webpages and its effects in seo

DocType tag in HTML

As websites get larger and larger with ever-growing content, it gets to be a nightmare to maintain. It is true for any website, unless you have a big enough and dedicated development team. But this is especially true of a blog, a forum or any site with a constant influx of new content. Over time, content on the website can…

how to center text horizontally inside an HTML element such as div or span


When coding your layout in HTML, you will often need to center elements inside or with in another HTML element. Centering a text (or any element) means horizontally aligning the piece of content in the center of the parent tag. Quite often, it will be text that needs to centered but it can be an image or any other visual…

how and why to add docType to your HTML pages…in both HTML 5 and HTML 4

DocType tag in HTML

Hyper Text Meta Language or HTML is the language used create webpages. All the web browsers can parse and understand HTML code and then render them appropriately as visual elements that is seen as webpages. The HTML has been designed and developed over a long period of time, which means that there are several different versions and types of the…

how to specify dimensions of an image in HTML, CSS or Javascript

Dimensions in img tag

Images are an integral part of any or at least most webpages. Almost every single webpage that you find on the internet will have at least one image in it. Of course, you might find some manual pages (and some pages on this blog) that might be devoid of any image, but they are usually far and few in between….

how to reload or refresh a webpage using javascript

firefox reload and refresh button

When developing websites and webpages, you will come across some pages that updates much more frequently than others. One of the easiest way to ensure that the viewers get the latest content is to refresh the page automatically. You could also rely on the users refreshing the page manually. One such example of a webpage would be web scorecard of…

how to make an image in a webpage clickable in HTML?

Html CSS include code

A clickable image is an image that acts also as an HTML hyperlink. Clicking on any part of the image will redirect the user to another URL or webpage. You can make any image on a webpage clickable. Simple HTML is all you need to create the image clickable, just as a text link. First, let’s look at how images…

seo: how to get the most out of gzip compression of web pages

Enabling compression in .htaccess

Enabling compression on your web server can reduce the latency and load time of your web pages enormously. Compression reduces the size of the web pages thus reducing the download time of the webpage. It also helps to reduce the bandwidth¬†used by the server and increase the web server capacity. You can easily enable compression on your web server, by…