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 Link type Property
The HTML DOM Link type property sets or returns the MIME type of a linked document. This property corresponds to the type attribute of HTML elements and helps browsers understand how to handle the linked resource. Syntax Following is the syntax for getting the type property − linkObject.type Following is the syntax for setting the type property − linkObject.type = value Parameters The value parameter represents a string specifying the MIME type of the linked document. Common valid values include − text/css − For CSS stylesheets ...
Read MoreHTML DOM Ol type Property
The HTML DOM Ol type property sets or returns the value of the type attribute of an ordered list () element. This property determines the type of marker (numbering style) used for list items in an ordered list. Syntax Following is the syntax for returning the type property − olObject.type Following is the syntax for setting the type property − olObject.type = "1|a|A|i|I" Property Values The type property accepts the following values − Value Description Example "1" Default decimal numbers 1, ...
Read MoreHow to center a "position: absolute" element?
Centering an element with position: absolute requires specific CSS techniques since absolutely positioned elements are removed from the normal document flow. There are several methods to achieve horizontal, vertical, or both types of centering for absolute elements. Understanding Absolute Positioning When an element has position: absolute, it is positioned relative to its nearest positioned ancestor (or the viewport if no positioned ancestor exists). The element's position is determined by the top, right, bottom, and left properties. Method 1: Using Negative Margins This traditional method requires knowing the exact dimensions of the element. You position the element ...
Read MoreHTML DOM fullscreenEnabled() method
The HTML DOM fullscreenEnabled property is a read-only boolean property that determines whether fullscreen mode is available for the current document. It returns true if fullscreen mode is supported and allowed, otherwise it returns false. This property is useful for checking fullscreen support before attempting to enter fullscreen mode, providing a better user experience by preventing errors when fullscreen functionality is not available. Syntax Following is the syntax for the fullscreenEnabled property − document.fullscreenEnabled Return Value The fullscreenEnabled property returns − true − If fullscreen mode is available and allowed ...
Read MoreHow easy is it to hack an HTML login form?
HTML login forms are essential components of websites, providing users with access to protected content and authenticated services. However, these forms are vulnerable to various hacking techniques if proper security measures are not implemented. Understanding common attack vectors and implementing robust security practices is crucial for protecting user credentials and preventing unauthorized access. Common Vulnerabilities in HTML Login Forms HTML login forms face several security vulnerabilities that attackers can exploit. These weaknesses typically arise from improper input validation, lack of encryption, weak authentication mechanisms, and poor session management. Without adequate protection, login forms become entry points for various ...
Read MoreHow to Set the Table Column Width Regardless of the Text Amount in its Cells?
HTML tables display data in rows and columns using the element. By default, table columns automatically adjust their width based on content, which can disrupt layout consistency. When one cell contains more text, the entire column expands, affecting the table's appearance. The Problem with Default Table Behavior Let us first understand how tables behave by default when content varies − Default Table Column Width table, td, th { border: 1px ...
Read MoreHTML DOM Time dateTime Property
The HTML DOM Time dateTime property is used to get or set the datetime attribute of a element. This attribute provides a machine-readable format for dates and times, making content more accessible to browsers, search engines, and assistive technologies. Syntax Following is the syntax for getting the dateTime property − timeObject.dateTime Following is the syntax for setting the dateTime property − timeObject.dateTime = "YYYY-MM-DDThh:mm:ssTZD" DateTime Format Components The datetime value follows the ISO 8601 standard format. Here are the components of YYYY-MM-DDThh:mm:ssTZD − Component ...
Read MoreHow to perform a real time search and filter on a HTML table?
When dealing with large datasets in web applications, implementing search functionality in HTML tables significantly improves user experience. Instead of manually scanning through hundreds or thousands of rows, users can quickly filter table data by typing search terms. This article demonstrates how to implement real-time search and filter functionality using both vanilla JavaScript and jQuery. Syntax Following is the basic syntax for implementing table search using JavaScript − if (td) { if (txtValue.toLowerCase().indexOf(search_value) > -1) { tr[i].style.display = ""; } else { ...
Read MoreHow is HTML and DHTML different?
Both HTML (HyperText Markup Language) and DHTML (Dynamic HTML) serve different purposes in web development. HTML provides the basic structure and content of web pages using static markup, while DHTML combines HTML, CSS, and JavaScript to create interactive, dynamic web experiences with animations, real-time updates, and user interactions without requiring page reloads. HTML HTML (HyperText Markup Language) is the foundational markup language for creating web pages. It uses a system of tags to structure content such as headings, paragraphs, images, links, lists, and forms. HTML creates static web pages that display information in a fixed format. Syntax ...
Read MoreHow to Style Even and Odd List Items?
Lists are a collection of items that are thought to be one of the best ways to represent information. The list element in HTML is the one that helps us structure the content on our page. It is one of the most commonly used elements, whether for navigation or for displaying general content. HTML allows us to represent lists in three ways: ordered lists, unordered lists, and description lists. Unordered List: This type of list is used to represent HTML items that are not in any particular order. The tag is employed to define unordered lists. ...
Read More