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
HTML Articles
Page 54 of 151
How to Create a List with Dashes in HTML?
A list is any information that is displayed in a logical or linear format. It is a collection of items written in a meaningful group or sequence and denoted by bullet points, numbers, and so on. HTML Lists aid in the semantic display of a list of information. In HTML, there are three types of lists: Unordered list or Bulleted list (ul) The list items in an HTML unordered list are not in any particular order or sequence. Because the items are marked with bullets, an unordered list is also known as a Bulleted list. It begins ...
Read MoreHow to Create a Teardrop in HTML?
Creating shapes using HTML and CSS is quite an easy task until the shape is not very complex. A teardrop shape, with its curved bottom and pointed top, requires more advanced techniques than simple geometric shapes. In this tutorial, we will explore two methods to create a teardrop shape: using CSS with border-radius and transform properties, and using SVG for more precise control. Let's first understand why teardrops are challenging to create with basic HTML elements − They combine both curved and pointed edges The shape requires asymmetric styling Proper proportions are crucial for a realistic appearance ...
Read MoreHow to Create a Two-Column Div Layout with the Right Column Having Fixed Width?
The element is one of the most widely used elements in HTML for creating page layouts. A common requirement is to create a two-column layout where the right column has a fixed width while the left column fills the remaining space. This layout pattern is useful for sidebars, navigation panels, or content areas with advertisements. In this tutorial, we will explore different methods to create a two-column div layout with a fixed-width right column using CSS properties like float, width, and modern layout techniques. Understanding the Float Property The CSS float property positions an element to ...
Read MoreHTML Window screenTop Property
The HTML Window screenTop property returns the vertical distance in pixels between the top edge of the browser window and the top edge of the user's screen. This property is useful for determining the window's position when creating popup windows or managing window layouts. Note − The screenTop property is not supported in Firefox browsers. Firefox uses the screenY property instead for the same functionality. Syntax Following is the syntax for the screenTop property − window.screenTop Return Value The screenTop property returns a number representing the vertical distance in pixels from the ...
Read MoreHow to Create an HTML Table with a Fixed Left Column and Scrollable Body?
A table with a fixed left column and scrollable body is a powerful layout technique that keeps important identifier columns (like names, IDs, or categories) visible while allowing horizontal scrolling through additional data columns. This approach is especially useful for displaying wide datasets where users need constant reference to the leftmost column while exploring other data. Creating such tables requires careful use of CSS positioning and overflow properties to achieve the desired fixed-column behavior while maintaining proper table structure and responsiveness. Table Structure Basics HTML tables are created with the tag, incorporating for rows, ...
Read MoreHTML Window pageXOffset Property
The HTML Window pageXOffset property returns the number of pixels the current document has been scrolled horizontally from the upper-left corner of the window. This read-only property is useful for tracking horizontal scroll position and implementing scroll-based functionality. Syntax Following is the syntax for the pageXOffset property − window.pageXOffset Return Value The property returns a number representing the horizontal scroll distance in pixels. If the document has not been scrolled horizontally, it returns 0. Example − Basic Usage Following example demonstrates how to use the pageXOffset property to track horizontal scrolling ...
Read MoreHTML Window top Property
The HTML Window top property returns a reference to the topmost browser window in the window hierarchy. This property is particularly useful when working with frames or iframes to determine if the current window is the main parent window or nested within another window. Syntax Following is the syntax for the window.top property − window.top Return Value The property returns a Window object reference to the topmost window. If the current window is already the topmost window, it returns a reference to itself. How It Works When a web page contains ...
Read MoreHow to Create Button with Line Breaks?
The HTML element is an interactive element that a user can activate with a mouse click or keyboard shortcut. It performs a programmable action, such as submitting a form or opening a dialog, once activated. When a button contains long text, it becomes necessary to add line breaks to improve readability and fit the button within specific dimensions. Buttons can be created using the HTML , , or tags. There are several CSS techniques to create line breaks within button text without compromising functionality or accessibility. Syntax Following is the basic syntax for creating a ...
Read MoreHow to Create Checkbox with a Clickable Label?
The HTML checkbox is created using the element to define square boxes that users can tick (check) when activated. Checkboxes allow users to select one or more options from a limited set of choices. Making a checkbox with a clickable label improves user experience by allowing users to click on the label text to toggle the checkbox state. Syntax Following is the basic syntax for creating a checkbox − To create a clickable label for the checkbox − Label Text Or using the for attribute − ...
Read MoreHow to Create Mailto Forms?
The mailto form is a special type of HTML form that uses an email client to send form data directly via email instead of submitting to a web server. When the form is submitted, it opens the user's default email application with the form data pre-filled in the email body. Mailto forms are particularly useful for simple contact forms on static websites where server-side processing is not available. They provide an easy way for visitors to send feedback, questions, or suggestions directly to a specified email address. Syntax The basic syntax for creating a mailto form uses ...
Read More