Found 10711 Articles for Web Development

How to access an HTML document in a browser?

Nikhilesh Aleti
Updated on 04-Aug-2023 17:02:35

222 Views

HTML stands for Hyper Text Markup Language and is a web-based scripting language. HTML consists set of elements that are used to create and structure web pages. Programmers often prefer HTML to design websites because it is flexible and easy to use. In this article, we discuss how to create an HTML file, what is an HTML file, and explain how to open one in a browser. What is an HTML file? An HTML file is a text document written in Hypertext markup language that contains the content and structure of a webpage. This HTML file contains various tags ... Read More

Create a paragraph element with some text and append it to end of document body using jQuery

Nikhilesh Aleti
Updated on 09-Feb-2024 11:59:33

31 Views

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

How div class and id is useful in HTML ?

Nikhilesh Aleti
Updated on 04-Aug-2023 16:46:50

218 Views

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

Difference between linking an image, website, and email address in HTML

Nikhilesh Aleti
Updated on 04-Aug-2023 16:41:19

230 Views

In this article, we are going to discuss the difference between linking an image, website, and email address in HTML. To link or embed an image into a website, the tag is used. To link a website, we use anchor tag with href (hypertext reference) attribute. To link an email address, we use mailto inside the href attribute of anchor tag. Linking an Image In HTML, we use the tag to embed or link an image to a website. This tag requires "src" attribute for the path of the image that we want to ... Read More

Explain the basic table in Bootstrap

Nikhilesh Aleti
Updated on 04-Aug-2023 16:21:06

91 Views

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

Borders in bootstrap with Examples

Nikhilesh Aleti
Updated on 04-Aug-2023 14:22:29

232 Views

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

How to set up a video.js player in Android?

Prince Yadav
Updated on 04-Aug-2023 10:44:35

618 Views

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

How to Get the Current Playback Time in Video.js?

Prince Yadav
Updated on 04-Aug-2023 10:46:29

1K+ Views

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

How to Create a Video Loop in the Video.js Player?

Prince Yadav
Updated on 04-Aug-2023 10:48:13

783 Views

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

How to eliminate extra space before and after a form tag?

Dishebh Bhayana
Updated on 03-Aug-2023 21:17:47

568 Views

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

Advertisements