how to insert vertical line in html

Inlining css in html helps with SEO

It is easy enough to insert or draw a horizontal line in html. But how do you draw a vertical line in html. Unlike for the horizontal line, there is no single tag in html that will draw the vertical line. But that does not mean it is impossible to do so. Using CSS One way to do this is…

how to write comments in html source code

comments in html source

If you have done programming in any language, you must realize how important comments are in understanding code. Of course, you need to write good comments and maintain them regularly. When done correctly, it is an invaluable tool in understanding code logic in long running code bases. HTML or Hyper Text Meta Language is no different. HTML is not a…

url canonicalization: how it affects seo and how to fix it

Inlining css in html helps with SEO

URL Canonicalization is the process where by a resource that has multiple URL or URIs pointing to it is standardized to a single URL. The process does not involve removing or changing the other URLs, but just designating¬†one of the URLs as the “normal” or “standard” URL. The process is also known as normalization or standardization. For example, your home…

seo: should you use outbound links in your pages and its effect in seo

content with external links

Having outbound or external links in your content is often a marker of good quality content. It can positively affect your brand reputation and your search engine ranking. Firstly, let’s first define what an outbound link is. A link or URL in a webpage is a piece of content that an user can click on and browse or be redirected to…

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 my 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 webpages for a website, you will often come across 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. Although you could also rely on the users refreshing the page manually, it is sometimes desirable to reload the page automatically…

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…