In this article, the task is to create a paragraph element with some text and append it to end of document body using jQuery. Using jQuery, it is easy to add new elements/content in a particular position inside an HTML document. We have four methods that are used to add new content: append() − This method adds the content at the end of selected elements. prepend() − This method adds the content at the beginning of selected elements. after() − This method adds the content after the selected elements. before() − This method adds the content before the selected ... Read More

The HTML tag represents a division or section in an HTML document. This tag is used as a container, inside this we can embed any of the HTML elements (such as texts, images, tables, audio, video, etc.). If we want to style or interact with the element, we can assign an id or class attribute. Note − By default, most browsers always add a new line break before and after the element. HTML id Attribute In HTML, using the id attribute (global attribute), we can specify a unique identifier for any HTML element. We cannot assign more ... Read More

In general, table is a structured representation of data which is organized into rows and columns. Tables are commonly used in various contexts such as database systems, spreadsheets, and HTML websites. In HTML, if we create a basic table, it just displays its records without any borders or cell dividers. Whereas in Bootstrap, a basic table has a light padding and horizontal dividers. Bootstrap provides a collection of CSS classes for creating visually appealing websites. In this article, we are going to discuss all the different classes that can be used to create and style the table in Bootstrap ... Read More

The borders in bootstrap is used to add an outline to the HTML elements such as div, tables, etc. These borders helps to make the elements visually distinct. With Bootstrap, we can add borders, remove borders, specify border colors, modify border width, and create rounded borders. In Bootstrap, there are different classes to add, remove or modify borders. Additive Border Classes To add a border to HTML element, we use the following classes − .border − This class will add a border around the element. .border-top − This will add border on top edge of the element. .border-bottom ... Read More

In this tutorial, we're going to learn how to set up a video.js player on an android device. Video.js is a web video player library that is utilized for creating modern-looking video players. One of the great things about video.js is that it supports a wide range of display sizes like desktops, laptops, mobiles, etc. Also, it supports a plethora of video formats be it standard or modern like mp4, Flv, YouTube, etc. For the purpose of this tutorial, we're going to learn how to set up a video.js player on an android device. Sometimes the video player created using ... Read More

Video.js is a library that lets you create a modern looking and advanced video player with support for all traditional video formats like mp4, Flv, etc. In addition, it also supports the latest video formats like YouTube, Vimeo, etc. In this tutorial, we're going to comprehend how to get the current playback time of a video player created using video.js. Video.js provides you the flexibility to control even the minute aspects of your video player without any hassle. So, for the purpose of this tutorial, we'll try to get the current playback time of a video player. Getting the current ... Read More

Video.js is a well-known online video player JavaScript toolkit that is used to create web browser video players for a range of video formats. Video.js is a very flexible and customizable library to create modern web video players. It supports a wide range of packages, plugins, and options. Using video.js, any part of an HTML video player can be configured as per your liking. For the purpose of this tutorial, we're going to create a video loop in a video.js player i.e., playing the video in a loop repeatedly. Usually looping, a video is done by playing the video again ... Read More

In this article, we will learn how to eliminate extra space before and after a form HTML element so as to ensure a clean and compact form layout. When designing web applications, it's essential to have control over the spacing and layout to create a visually pleasing and well-organized user interface. Sometimes, there is extra space available before and after a tag, which can affect the overall design and alignment of your form elements. Let’s understand how to remove the extra space with the help of some examples. Example 1 In this example, we will remove the extra space ... Read More

In this article, we will learn how to dynamically set the height and width of a div element using jQuery and its methods such as height() and width(). In web development, there are often scenarios where you need to dynamically adjust the height and width of a element based on certain conditions or user interactions. We can do this easily using jQuery, a popular JavaScript library. Let’s understand how to implement this with the help of some examples. Example 1 In this example, we will dynamically set the height and width of a div container, when the document is ... Read More

In this article, we will learn how to dynamically insert IDs into a table element using JavaScrip with the help of setAttribute API. In web development, dynamically inserting an ID into an HTML table element can be a useful technique when we need to uniquely identify and manipulate specific rows or cells. By assigning IDs to table elements programmatically, we gain more control and flexibility in accessing and modifying the table's content. Let’s understand how to implement this with the help of some examples. Example 1 In this example, we generate a random id for a table row by computing ... Read More