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
Articles on Trending Technologies
Technical articles with clear explanations and examples
HTML DOM Table createTFoot() Method
The HTML DOM table createTFoot() method generates an empty element and adds it to the table. If a element already exists in the table, this method returns the existing one instead of creating a new one. Syntax Following is the syntax for the createTFoot() method − tableObject.createTFoot() Return Value The method returns a element. If the table already contains a element, it returns the existing one; otherwise, it creates and returns a new element. Example − Creating a Table Footer Following example demonstrates how to use ...
Read MoreHTML DOM Video loop Property
The HTML DOM Video loop property controls whether a video element will automatically restart from the beginning when it reaches the end. This property returns a boolean value and can be set to true or false. Syntax Following is the syntax for getting the loop property value − mediaObject.loop Following is the syntax for setting the loop property − mediaObject.loop = booleanValue Parameters The booleanValue can be one of the following − Value Description true The video will automatically restart from ...
Read MoreHow to Match Width of Text to Width of Dynamically Sized Image/Title?
In web design, it's common to need text content that matches the width of a dynamically sized image or title. This creates visual consistency and proper alignment, especially when the image size varies based on viewport or container dimensions. Understanding Dynamic Image Sizing When images are dynamically sized (responsive or container-dependent), their final width isn't predetermined. The text content below or beside these images should automatically adjust to match this dynamic width for better visual cohesion. Syntax The key CSS technique uses the width: 0 and min-width: 100% combination − .text-container { ...
Read MoreHow to autoplay audio on chrome?
Modern web browsers, including Chrome, have strict autoplay policies that prevent audio from playing automatically without user interaction. This is designed to improve user experience and prevent unwanted sounds. However, there are legitimate ways to implement audio autoplay functionality while respecting these browser policies. In this article, we will explore different approaches to handle audio autoplay in Chrome, understanding both the technical implementation and the browser limitations that developers must work within. Chrome's Autoplay Policy Chrome blocks autoplay audio unless one of these conditions is met − The user has interacted with the page (clicked, ...
Read MoreHow to update a MySQL column by subtracting a value with some conditions?
Updating a MySQL column by subtracting a value with conditions is a common database operation. You can use the UPDATE statement with a WHERE clause to modify specific rows based on criteria while performing arithmetic operations on column values. Syntax Following is the basic syntax for updating a column by subtracting a value with conditions − UPDATE table_name SET column_name = column_name - value WHERE condition; Where − table_name − The name of the table to update column_name − The column to modify value − The number to subtract from the ...
Read MoreHTML DOM Video muted Property
The HTML DOM Video muted property controls whether the video's audio is silenced. This property returns a boolean value indicating the current mute state and allows you to programmatically mute or unmute video elements. Syntax Following is the syntax for getting the muted property − videoObject.muted Following is the syntax for setting the muted property − videoObject.muted = booleanValue Parameters The booleanValue can be one of the following values − Value Description true The video audio is muted (no sound will ...
Read MoreHow to add a Range Slider using HTML?
The HTML range slider is an interactive control that allows users to select a numeric value from a specified range by dragging a handle along a track. Range sliders are commonly used for settings like volume control, brightness adjustment, price filters, and other numeric input scenarios where approximate values are more important than precise entry. Range sliders are created using the element, which provides a native, accessible way to implement slider controls without requiring external libraries. Syntax Following is the basic syntax for creating a range slider in HTML − HTML ...
Read MoreHTML DOM Table insertRow() Method
The HTML DOM table insertRow() method creates an empty element and inserts it at a specified position in a table. This method is useful for dynamically adding rows to existing tables without rebuilding the entire table structure. Syntax Following is the syntax for the insertRow() method − table.insertRow(index) Parameters The insertRow() method accepts the following parameter − index (optional) − A number specifying the position where the new row should be inserted. If omitted or set to -1, the row is appended at the end of the table. ...
Read MoreContainer and Empty Tags in HTML
HTML uses predefined tags to instruct the browser on how to display content. Tags are instructions enclosed in angle brackets (< >). Understanding the difference between container and empty tags is crucial for writing proper HTML code. In HTML, there are two main categories of tags − Container Tags − Require both opening and closing tags Empty Tags − Have only an opening tag with no closing tag Let's explore both types of tags and understand their proper usage in HTML documents. HTML Container Tags Container tags have three components − an opening tag, ...
Read MoreDifference between Transitional and Strict doctype
HTML documents use DOCTYPE declarations to identify the HTML version and instruct browsers on how to render content. The DOCTYPE must be the first line in every HTML document, placed before the tag. The two primary DOCTYPE declarations are Transitional and Strict, each serving different purposes in web development. Transitional allows deprecated elements for backward compatibility, while Strict enforces current standards and best practices. DOCTYPE Declaration A DOCTYPE (Document Type Declaration) tells the browser what type of document to expect. It is not an HTML tag but an instruction that specifies the HTML version and standards. ...
Read More