To disable browser caching with tag in HTML, use the following code − HTML lets you specify metadata - additional important information about a document in a variety of ways. The META elements can be used to include name/value pairs describing properties of the HTML document, such as author, expiry date, a list of keywords, document author etc. The tag is used to provide such additional information. This tag is an empty element and so does not have a closing tag but it carries information within its attributes. Example Let us see a simple ... Read More

To embed a PDF in HTML is an easy task and there are various ways. Let us see them one by one. Embed PDF in HTML using iframe. Embed PDF in HTML using the embed tag. Embed PDF in HTML using the object tag. Embed PDF in HTML using iframe Set the src attribute of the iframe tag and add the link of the PDF to embed − Example Let us now see an example to ember PDF using − Embed PDF ... Read More

In this article, we will set the left-most inner div to determine the height of the outer div. Consider the following two example − Set the height of an outer div to always be equal to a particular inner div using Flex Set the height of an outer div to always be equal to a particular inner div using CSS Grid Set the height of an outer div to always be equal to a particular inner div using Flex Example Let us see the example using Flex − ... Read More

To disable autofill option specially on Google Chrome, use the autocomplete attribute and set it to − autocomplete="chrome-off" We will see an HTML form and for the fields we will disable the autofill, first for the form − Now, disable the autofill for each input type − Example Let us see an example − input { width: 315px; display: block; margin: 1rem auto; ... Read More

To prevent parents of floated elements from collapsing, first, we will try to understand what the problem is. After that, we will work around the examples i.e. How parents of floated elements collapse? Prevent parents of floated elements to collapse using the Overflow Property Prevent parents of floated elements to collapse using the Height Property How parents of floated elements collapse Example Let us first understand how parents of floated elements collapse. Here’s an example − Example div{ ... Read More

We need to keep the two side-by-side div the same height, so that if more content is added to any of the div, the size of the other div matches it. The following two examples are covered − Keep two side-by-side div elements the same height using HTML Keep two side-by-side div elements the same height using JavaScript Let us see the example one by one − Keep two side-by-side div elements the same height using HTML Example We will use the following code to keep two side-by-side div elements the same height - ... Read More

The !important rule overrides all previous styling rules. It is based on the concept of priority or specificity. The !important rule provides a way to make your CSS cascade. It also includes the rules that are to be applied always. A rule having the !important property will always be applied, no matter where that rule appears in the CSS document. Let us see an example − Priority - Without Using !important Example Let us first see an example how the specificity and priority works without using the !important − ... Read More

We can find the specific condition with the help of the _.whare() function. The _.where() belongs to underscore.js a javascript library that provides versatile functions. The _.where() is a function used to find the specific element according to the given conditions. Suppose you want to find all the user details of the class and then apply the _.where() function to the list of all the sections and pass the condition as the section name. So the name of all the users with the specific condition will be returned. Syntax _.where( list, [predicate], [context] ) The function accepts three-argument as ... Read More

We can easily center an absolute position element horizontally and vertically in Python. For that, use the following CSS properties. For horizontal center, use the following properties − left margin-left For vertical center, use the following properties − top margin-top Horizontal center an absolute position element Example To horizontal center an absolute position element, use the following code − div.center{ width:200px; height: 50px; ... Read More

To create a custom scrollbar, we will use the following pseudo element to create a responsive custom scrollbar using CSS − :-webkit-scrollbar Create a custom scrollbar First, set the width of the scrollbar − ::-webkit-scrollbar { width: 12px; } Set the color of the scrollbar − ::-webkit-scrollbar-thumb { background: skyblue; } Set the hover color of the scrollbar − ::-webkit-scrollbar-thumb:hover { background: blue; } Example Let us now see the complete example to create a responsive custom scrollbar − ... Read More