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
How to add horizontal line in HTML?
In this article, we will show you how to add a horizontal line to your webpage using HTML. A horizontal line, also known as a horizontal rule, is a way to separate content on a webpage and can be used for visual appeal or to indicate a change in content. There are multiple ways to add a horizontal line to your webpage in HTML, but the most common approach is by using the tag. The tag is a self-closing tag that creates a horizontal line on the webpage. This approach is simple and straightforward, and it requires ...
Read MoreHow to locate the user\'s position in HTML?
The HTML Geolocation API allows web applications to access the user's current geographic location through JavaScript. This feature enables websites to provide location-based services like displaying coordinates, showing maps, or finding nearby places. The user must grant permission before the browser can access their location data. HTML Geolocation API The Geolocation API is accessed through the navigator.geolocation object, which provides methods to retrieve the user's current position. The API works with GPS, WiFi networks, cellular towers, and IP addresses to determine location coordinates. Syntax Following is the basic syntax for getting the user's current location − ...
Read MoreHTML DOM Window opener Property
The HTML DOM Window opener property returns a reference to the parent window that opened the current window using the window.open() method. This property allows communication between parent and child windows, enabling the child window to access and manipulate elements in its parent window. Syntax Following is the syntax for accessing the opener property − window.opener Return Value The opener property returns − A reference to the parent window object if the current window was opened by another window using window.open(). null if the window was opened directly by the user ...
Read MoreHTML DOM Input Search name Property
The HTML DOM Input Search name property sets or returns the value of the name attribute of a search input field. The name attribute identifies the form data when submitted to the server and allows JavaScript to reference the element for manipulation. Syntax Following is the syntax for setting the name property − searchObject.name = "name" Following is the syntax for getting the name property − var name = searchObject.name Here, name is a string specifying the name of the search field. Return Value The property returns a ...
Read MoreHTML DOM Textarea disabled Property
The HTML DOM Textarea disabled property is used to get or set whether a textarea element is disabled. When disabled, the textarea cannot receive user input and appears grayed out to indicate its inactive state. Syntax Following is the syntax for returning the disabled status − object.disabled Following is the syntax for setting the disabled status − object.disabled = true | false Return Value The property returns a Boolean value − true − The textarea is disabled false − The textarea is enabled (default) Example ...
Read MoreHTML DOM Input Search object
The HTML DOM Input Search object represents an input element with type="search" in the Document Object Model. This object provides properties and methods to manipulate search input fields dynamically through JavaScript, allowing you to create, access, and modify search functionality on web pages. Syntax Following is the syntax for creating an Input Search object − var searchElement = document.createElement("INPUT"); searchElement.setAttribute("type", "search"); Following is the syntax for accessing an existing Input Search object − var searchElement = document.getElementById("searchId"); Properties Following are the properties for the Input Search object − ...
Read MoreHtml5 responsiveness of the web
HTML5 responsive web design is a modern approach that enables websites to automatically adapt their layout, content, and functionality across different devices and screen sizes. Unlike traditional fixed-width designs, responsive websites provide an optimal viewing experience whether accessed on desktops, tablets, or mobile phones. The responsiveness of a webpage refers to its ability to dynamically adjust its layout, typography, images, and content based on the device's screen dimensions and capabilities. This ensures users receive a tailored experience regardless of how they access the website. Responsive Design Across Devices ...
Read MoreHTML DOM Bold object
The HTML DOM Bold object represents the HTML element in the Document Object Model. The tag is used to make text appear bold without conveying any extra importance or emphasis. The Bold object provides methods and properties to create, access, and manipulate elements dynamically using JavaScript. Syntax Following is the syntax for creating a Bold object − var boldElement = document.createElement("B"); To access an existing element by its ID − var boldElement = document.getElementById("boldId"); Properties The Bold object inherits all properties from the generic HTML ...
Read MoreHTML DOM Input Search placeholder property
The HTML DOM Input Search placeholder property is used for setting or returning the placeholder attribute value of an input search field. The placeholder property provides users with a hint about the expected input by displaying greyed-out text inside the search field. This text disappears when the user begins typing and is not submitted with the form data. Syntax Following is the syntax for setting the placeholder property − searchObject.placeholder = text Following is the syntax for getting the placeholder property − var placeholderText = searchObject.placeholder Here, text represents the ...
Read MoreHow to Create Image Overlay Icon using HTML and CSS
An image overlay is a visual effect where content appears on top of an image when a user hovers over it. This technique combines HTML structure with CSS positioning and transitions to create interactive visual elements commonly used in galleries, profiles, and portfolio websites. Basic Overlay Structure Creating an image overlay requires a container element with the base image and overlay content positioned absolutely within it. The overlay is initially hidden and becomes visible on hover using CSS transitions. HTML Structure ...
Read More