Found 10483 Articles for Web Development

HTML tags to display the data in the tabular form?

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

630 Views

There can be scenarios, where we have to include complex or large amounts of data to be on the webpage understandably and more conveniently. In such cases, we can use the HTML tables to organize the data, so that it will be more convenient for the user to go through and understand it. An HTML table is a structure that can be used to display data in a tabular form (i.e. in rows and columns) on a webpage. We can display the data in a tabular form using the following HTML tags − - It defines ... Read More

Display Property in Bootstrap with Examples

Nikhilesh Aleti
Updated on 04-Aug-2023 17:08:45

285 Views

The Display property in Bootstrap is used to set the element’s display property. The Bootstrap utilities provide classes such as "block", "inline", etc., which are used to directly control the display property of an element. These display property classes in Bootstrap allow developers to easily apply CSS display property values to elements without manually writing the corresponding CSS styles. Following are the display property classes − .d-block − This class sets the display property of an element to block. .d-inline − This class sets the display property of an element to inline. .d-inline-block − This class sets the display ... Read More

How CSS classes can be manipulated in HTML using jQuery?

Nikhilesh Aleti
Updated on 04-Aug-2023 17:04:50

147 Views

In this article, we are going learn how CSS classes can be manipulated in HTML using jQuery. Using jQuery, it is easy to manipulate the style of HTML elements. We have several jQuery methods that are used to manipulate the CSS. Let us discuss them one by one with suitable examples. jQuery addClass() Method The jQuery addClass() method is used to add one or more classes to the selected elements. Syntax Following is the syntax of jQuery addClass() method − $(selector).addClass(classname); The "classname" is a required parameter. It specifies one or more class names to be added. Example ... Read More

How to access an HTML document in a browser?

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

698 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

122 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

446 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

414 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

178 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

538 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

1K+ 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

Advertisements