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 Display an Ordered List with Nested Counters?
A list is a record of short pieces of related information used to display data or any information in web pages in an ordered or unordered form. Lists are used to group related pieces of information together so that they are clearly associated with one another and easy to read. They are beneficial from a structural point of view because they aid in the creation of a well-structured, more accessible, and easy-to-maintain document. HTML lists enable web developers to organize a collection of related items into lists. There are three types of lists in HTML, each with its own ...
Read MoreHTML DOM li Object
The HTML DOM Li Object represents the (list item) element in the Document Object Model. This object provides properties and methods to manipulate list items dynamically using JavaScript. Accessing Li Objects You can access existing elements using various DOM methods − // Get li element by ID var liElement = document.getElementById("myListItem"); // Get all li elements var allLiElements = document.getElementsByTagName("li"); // Get li elements by class name var liByClass = document.getElementsByClassName("list-item"); Creating Li Objects Following is the syntax to create a new element − var liObject ...
Read MoreHow do you edit a button size in HTML?
HTML buttons are essential interactive elements that allow users to perform actions like submitting forms, triggering JavaScript functions, and navigating between pages. Customizing button size is crucial for creating visually appealing and user-friendly interfaces that match your website's design requirements. In this article, we'll explore three effective methods to edit button size in HTML: using inline CSS styles, CSS classes, and Bootstrap framework. Each approach offers different advantages depending on your project needs and development workflow. Applications of Buttons in HTML Form submission − Buttons with type="submit" send form data to the server when placed inside ...
Read MoreHow to Display Unordered List in Two Columns?
In HTML, unordered lists are collections of items that do not have to be in any particular order. To list these items, we frequently use simple bullet points and that is why they are often known as bulleted lists. An unordered list begins with the tag and closes with a tag. The list items begin with the tag and end with tag. The tag, which stands for unordered list, is the tag's parent. This means that the tag is the tag's child. By default, unordered lists display items in a single ...
Read MoreHTML DOM li value Property
The HTML DOM li value property allows you to get or set the value attribute of a element. This property is particularly useful when working with ordered lists where you need to control the numbering sequence or create custom list item values. Syntax Following is the syntax for getting the value attribute − liObject.value Following is the syntax for setting the value attribute − liObject.value = "string" Parameters string − A string value that represents the numeric value for the list item. This must be a ...
Read MoreIs wrapping a div inside an anchor tag valid code?
Yes, wrapping a div inside an anchor tag is valid HTML5 code. Prior to HTML5, this was not allowed, but HTML5 specifications permit block-level elements like to be nested inside tags, making entire sections clickable. Syntax Following is the basic syntax for wrapping a div inside an anchor tag − Content This makes the entire div element clickable as a single link. Basic Example Following example demonstrates a simple div wrapped inside an anchor tag − Div ...
Read MoreHow to make div with left aligned text and right aligned icon using CSS ?
Creating a div with left-aligned text and right-aligned icon is a common layout requirement in web development. The element serves as a container that can hold both text content and icons in a structured format. Using CSS, we can position these elements precisely within the same horizontal line. This article demonstrates three different CSS approaches to achieve this layout: the float property, CSS flexbox, and CSS table display methods. Each technique offers unique advantages for different scenarios. Icon Used in Examples All examples use the Material Icons library to display an "album" icon. The following setup ...
Read MoreHow to Divide a Horizontal Line into Multiple Parts?
In HTML, the tag stands for horizontal rule and is most commonly displayed as a horizontal line used to separate content or define a change in an HTML page. The tag is an empty element that does not require a closing tag. While the standard creates a single continuous line, we can divide it into multiple parts using CSS properties to create visually appealing section dividers. Syntax Following is the basic syntax for the element − The tag supports several deprecated attributes like align, color, noshade, size, ...
Read MoreHTML DOM Form target property
The HTML DOM Form target property is used to specify where the response should be displayed after form data has been submitted. It controls whether the form response opens in the current window, a new tab, a new window, or a specific frame. This property sets or retrieves the value of the form's target attribute. Syntax Following is the syntax for getting the target property − var target = formObject.target; Following is the syntax for setting the target property − formObject.target = "_blank|_self|_parent|_top|framename"; Parameters The target property accepts the ...
Read MoreHow to specify that the form should not be validated when submitted in HTML?
The form element in HTML enables creating interactive sections like contact forms and login forms where users can input and submit data to web servers. By default, HTML5 provides built-in form validation to ensure that user input meets specific requirements before submission. However, there are scenarios where you might want to disable form validation − such as during development, testing, or when implementing custom validation logic. HTML provides several methods to bypass the browser's default validation behavior when a form is submitted. Syntax Following are the three main syntaxes to disable form validation − Using the ...
Read More