Horizontal lines – created using <hr> tag in HTML – are a great way of adding a line separation in your web pages. If you take a look at many websites, you will notice that they make use of horizontal lines to add to the style and feel of the website. It is important to note that […]
Continue readingThe link is one of the most fundamental components of any website. In fact, without links, it would be virtually impossible to create websites. At a basic level, creating links is quite simple and straightforward. Insert the anchor (<a>) tag, and use its href attribute to point to the destination. For example: To create an image link, just add […]
Continue readingIf you just add spaces in your HTML code, it won’t directly display that space when viewed in the browser. The browser will just consolidate the space into one space. However, you want to add blank space for clarity and brevity of the text. How to add space in HTML? The answer depends what you […]
Continue readingIn older websites, the <font color=’red’> tag was used to color text. However in modern times, it has changed. The styling (color, font and other presentation features) has to go in the CSS (Cascaded Style Sheet). So, There is no color tag in HTML ! If you see any website giving advice to use <font> […]
Continue readingThe best way to add a background image is via CSS. You can use the CSS “background-image” property to add a background image to an element. This property looks like this: “image-url” refers to the absolute or relative url of the image. For instance, you could write the property as follows: or
Continue readingThe old HTML way to change text color was to use the <font> tag. However, in the HTML5 era where HTML is for structure and CSS is for styling, the right way is to use CSS to set the text color. The Right way to change text color Use CSS to define a class for […]
Continue readingIt is optional to specify the width of the table or of the td cells. Even if you set the width of the <td> it may not work as you expected because the browser calculates the width in run time based on the contents of the table. Here is the solution to create tables with […]
Continue readingFor aligning text horizontally, use text-align CSS property. For aligning vertically, use the vertical-align CSS property. Example: Horizontal text align values The text-align CSS attribute takes these values: left, center and right. The other supported values are: justify – stretch the lines to fit to the available width (like a newspaper column) and start and […]
Continue readingIt is possible to have multiple background images for the same element. See the example below: The CSS: The result: The background images are separated by a comma. Notice also that the other background properties ( repeat and position) also can be given separated by comma. Demo1 Here is another example where the first background […]
Continue readingIn order to add a background image to a <div> add css background image property to a class or id which is assigned to the div. For instance, let’s assume you have a div with a class “baby” ( <div class= “baby”>) and want to add background image “cute-baby.jpg”. You can add it as follows: […]
Continue reading