Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
HTML Articles
Page 58 of 151
How to Specify the Link in HTML and Explain the Target Attribute?
HTML links are hyperlinks that allow users to navigate between documents by clicking. When you hover over a link, the mouse cursor changes to a pointing hand. Links can be applied to text, images, or any HTML element to make them clickable. Syntax The HTML (anchor) tag creates hyperlinks. Following is the basic syntax − Link Text The href attribute specifies the destination URL, and the content between the opening and closing tags becomes the clickable link text. Without the href attribute, the tag serves only as a placeholder. Default Link ...
Read MoreHow Many Ways Can You Insert CSS in HTML?
CSS is an abbreviation for Cascading Style Sheets. It specifies how HTML elements should appear on screen, paper, or in other media. It can control the layout of multiple web pages at once, saving time and effort. It can be used for a variety of stylistic purposes, such as changing the color of a page's text and background, removing underline from links, and animating images, text, and other HTML elements. CSS can be added to HTML in three ways. To style a single HTML element on the page, we can use inline CSS in a style attribute. We can ...
Read MoreHTML DOM Video src Property
The HTML DOM Video src property returns or sets the URL of the video file for a video element. This property corresponds to the src attribute of the HTML element and allows you to dynamically change or retrieve the video source using JavaScript. Syntax Following is the syntax for getting the video source − videoObject.src Following is the syntax for setting the video source − videoObject.src = "URL" Parameters URL − A string representing the absolute or relative URL of the video file to be loaded. ...
Read MoreHow to Import Fade and Scale to HTML?
The scale() CSS function specifies a transformation that resizes a 2D element. Since the amount of scaling is defined by a vector, it can resize the vertical and horizontal dimensions at various scales. As a result, it yields a data type. It can be used with the transform property to transform an element in 2D or 3D space. A two-dimensional vector characterizes this scaling transformation. Its coordinates specify the amount of scaling done in each direction. A CSS fade transition is a visual effect that occurs when an element on the page, such as an image, text, ...
Read MoreHow to Show Page Number html pdf Converting for Multiple Pages?
Creating PDFs from HTML is an essential feature for web applications, especially for generating reports in data-driven applications. The PDF may contain tables, charts, images, and other content. While single-page PDFs are straightforward to generate, converting lengthy UI templates into multi-page PDFs requires careful handling of page breaks and page numbering. In this tutorial, we will use jsPDF to convert HTML to PDF and add page numbers at the bottom right corner of each page's footer. Introduction to jsPDF jsPDF is an open-source JavaScript library for generating PDF documents directly in the browser. It provides extensive functionality ...
Read MoreHTML DOM Video textTracks Property
The HTML DOM Video textTracks property returns a TextTrackList object containing information about all text tracks associated with a video element. Text tracks include subtitles, captions, descriptions, chapters, and metadata that can be displayed alongside video content. Syntax Following is the syntax to access the textTracks property − videoElement.textTracks Return Value The property returns a TextTrackList object that contains − length − The number of text tracks available Individual tracks − Each track can be accessed by index with properties like label, language, kind, and mode Methods − getTrackById() to find ...
Read MoreHTML DOM Video volume Property
The HTML DOM Video volume property sets or retrieves the audio volume level of a video element. The volume is represented as a decimal number between 0.0 (muted) and 1.0 (maximum volume). Syntax Following is the syntax for returning the current volume − mediaObject.volume Following is the syntax for setting the volume to a specific level − mediaObject.volume = number Parameters The number parameter accepts a decimal value with the following constraints − Maximum value − 1.0 (full volume) Minimum value − 0.0 (muted/silent) Default value − ...
Read MoreHow to Automatically Open the Detail Menu on Search for Buttons?
The element in HTML creates a collapsible content section that users can expand or collapse by clicking on its summary. When building search functionality that filters buttons within a details menu, we often want the menu to automatically open when the user starts typing to improve user experience. By default, a element remains closed until the user manually clicks on the . This creates a poor search experience because users must first open the menu before they can see the filtered results. Problem with Manual Opening Consider a basic search implementation where users must manually ...
Read MoreHow to Auto Checked the Checkbox and Auto Display the Results When Checked
A checkbox is created by using the tag with the type="checkbox" attribute. Users can select multiple options by checking one or more checkboxes. In many scenarios, you may want a checkbox to be automatically checked when the page loads and display results immediately, which can be achieved using JavaScript or jQuery. Syntax Following is the basic syntax for creating a checkbox − To make a checkbox auto-checked, add the checked attribute − Basic Checkbox Example Checkboxes with clickable labels are more user-friendly. You can wrap a ...
Read MoreHow do you Put Space between Two Objects in the Same Row?
When placing multiple objects in the same row, controlling the space between them is essential for proper layout and visual appeal. This can be achieved using various CSS properties including margin, padding, column-gap, and other spacing techniques. Understanding Margin vs Padding Before implementing spacing solutions, it's crucial to understand the difference between margin and padding − Margin − Creates space outside an element's border, pushing other elements away Padding − Creates space inside an element's border, between the content and the border Margin vs Padding ...
Read More