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
Why is HTML used in web pages?
HTML (Hypertext Markup Language) has been the fundamental building block of web pages since the inception of the World Wide Web. Created by Sir Tim Berners-Lee in 1990, HTML has revolutionized how information is structured, presented, and accessed on the internet. This article explores why HTML remains the cornerstone of web development and examines its key characteristics that make it indispensable for creating web pages. What is HTML? HTML is a markup language that uses tags to define the structure and content of web pages. It tells browsers how to display text, images, links, and other elements on ...
Read MoreHTML DOM Input Number value Property
The HTML DOM Input Number value property is used to get or set the value of an element with type="number". This property allows you to retrieve the current numeric value entered by the user or programmatically set a default value for the number input field. Syntax Following is the syntax for getting the value property − var value = numberObject.value; Following is the syntax for setting the value property − numberObject.value = number; Here, number is a numeric value or string representation of a number that you want to ...
Read MoreHow to Design Wave Images in HTML?
HTML provides powerful tools for creating visually appealing wave designs using the SVG element and CSS animations. Wave images enhance user experience by adding dynamic visual elements to websites, commonly used in headers, footers, landing pages, and decorative sections. This article demonstrates two effective methods to create wave patterns in HTML. Syntax Following is the basic syntax for creating wave images using SVG − The key components are − SVG element − Container for scalable vector graphics viewBox attribute − Defines the coordinate system and viewport ...
Read MoreHow to set the maximum value of progress bar using HTML?
The progress bar on websites represents the completion percentage of tasks like file downloads, form submissions, or data processing. In HTML, the element creates a visual progress indicator that shows how much work is completed versus the total amount. The element uses two key attributes to control its behavior. The max attribute sets the maximum value representing 100% completion, while the value attribute indicates the current progress level. Syntax Following is the syntax for the HTML progress element − The progress bar calculates the completion percentage as: (value / max) ...
Read MoreHTML DOM Input Password defaultValue Property
The HTML DOM Input Password defaultValue property sets or retrieves the default value of a password field. The defaultValue represents the original value specified in the HTML value attribute, while the value property reflects the current user input. The defaultValue remains constant even when users type in the field. Syntax Following is the syntax to set the defaultValue property − passwordObject.defaultValue = value Following is the syntax to get the defaultValue property − var defaultVal = passwordObject.defaultValue Parameters The defaultValue property accepts the following parameter − value ...
Read MoreHTML min Attribute
The min attribute in HTML defines the minimum value of the range for the element. The element represents a scalar value within a known range or a fractional value, such as disk usage, temperature readings, or progress indicators. Syntax Following is the syntax for the min attribute − Where number is a floating-point value that sets the lower bound of the range. The min value must be less than the max value, and the default value is 0 if not specified. Parameters The min attribute accepts the following parameter ...
Read MoreHTML DOM MouseEvent relatedTarget
The HTML DOM MouseEvent relatedTarget property returns the element that the mouse was previously on or is moving to during mouse events. It is primarily used with mouseover and mouseout events to determine which element triggered the event transition. When a mouseover event occurs, relatedTarget refers to the element the mouse came from. When a mouseout event occurs, relatedTarget refers to the element the mouse is moving to. Syntax Following is the syntax to access the relatedTarget property − MouseEventObject.relatedTarget Return Value The relatedTarget property returns an Element object representing the related ...
Read MoreDifference between link and anchor Tags
While developing a website, we may come across a situation where we need to create a hyperlink to another webpage or to a certain part of the webpage (these links are clickable). Additionally, there can be a situation where we need to add stylings to the content present in the website using external CSS (these are not clickable). These behaviors are achieved by using the HTML and anchor tags. Syntax Following is the syntax for the HTML tag − Following is the syntax for the HTML anchor tag − ...
Read MoreHTML DOM Kbd Object
The HTML DOM Kbd object represents the element in the document. The element is used to define keyboard input and displays text in a monospace font by default, indicating that the text represents user input from a keyboard. Syntax Following is the syntax to create a element using JavaScript − var kbdObject = document.createElement("KBD"); You can also access an existing element using − var kbdObject = document.getElementById("kbdId"); Properties The Kbd object inherits all the standard properties and methods from the HTMLElement interface. Common properties include ...
Read MoreHTML DOM Input Password disabled Property
The HTML DOM Input Password disabled property is used for setting or returning whether the password field is disabled or not. It uses boolean values with true representing the element should be disabled and false otherwise. The disabled property is set to false by default. The disabled element is greyed out by default and is unclickable. Syntax Following is the syntax for setting the disabled property − passwordObject.disabled = true|false; Following is the syntax for getting the disabled property − var isDisabled = passwordObject.disabled; Here, true means the password field ...
Read More