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 136 of 151
Hidden Bootstrap class
To hide elements in Bootstrap, you can use visibility utility classes. Bootstrap provides several classes to control element visibility across different screen sizes and contexts. Bootstrap Hidden Classes Bootstrap offers different approaches to hide elements: .d-none - Completely removes the element from the document flow .visually-hidden - Hides visually but keeps accessible to screen readers .invisible - Makes element invisible but maintains its space Using .d-none Class The .d-none class completely hides an element by setting display: none: Bootstrap ...
Read MoreAre there any style options for the HTML5 Date picker?
The HTML5 date picker provides a native calendar interface for date selection. While browsers implement their own default styling, you can customize the appearance using CSS pseudo-elements, particularly for WebKit-based browsers like Chrome and Safari. Basic Date Picker Structure The HTML5 date input creates a structured date picker with separate fields for month, day, and year, plus a calendar dropdown indicator. HTML5 Date Picker Styling Basic Date Picker Styling the Date Picker Container ...
Read MoreWhat is the difference between setTimeout() and setInterval() in JavaScript?
JavaScript provides two timing functions: setTimeout() for one-time execution and setInterval() for repeated execution at specified intervals. setTimeout() Function setTimeout(function, delay) executes a function once after a specified delay in milliseconds. Syntax setTimeout(function, delay); setTimeout(callback, delay, param1, param2, ...); Example setTimeout(function() { console.log('This runs once after 2 seconds'); }, 2000); console.log('This runs immediately'); This runs immediately This runs once after 2 seconds setInterval() Function setInterval(function, delay) executes a function repeatedly at specified intervals until ...
Read MoreHow to stream large .mp4 files in HTML5?
Streaming large MP4 files in HTML5 requires proper video encoding and server configuration to enable progressive download while the video plays. Video Encoding Requirements For HTML5 streaming, MP4 files need special encoding where metadata is moved to the beginning of the file. This allows browsers to start playback before the entire file downloads. Using mp4FastStart The mp4FastStart tool relocates metadata to enable streaming: // Command line usage mp4faststart input.mp4 output.mp4 Using HandBrake HandBrake video encoder includes a "Web Optimized" option that automatically prepares MP4 files for streaming by moving the metadata ...
Read MoreAdding default search text to search box in HTML with JavaScript?
A default search text is a text that provides suggestions or a hint of what to search for in the search (input) box. Following is an illustration of a search box, where you can observe a default search text "Search your favorite tutorials…": Search your favorite tutorials... The above default search text will suggest to visitors that they can search for their favorite tutorial, which they want to read or open on the website. HTML placeholder Attribute In HTML, the text that appears inside a ...
Read MoreTic Tac Toe Game with HTML, CSS, and JavaScript
Tic Tac Toe is a well-known two-player board game where players take turns placing their marks (X or O) on a 3x3 grid. The first player to get three marks in a row horizontally, vertically, or diagonally wins. If all cells are filled without a winner, the game ends in a draw. In this article, we will build a complete Tic Tac Toe game using HTML, CSS, and JavaScript. The game includes features like reset, undo, sound effects, and a responsive design. Game Features HTML Structure − Creates a 3x3 grid using div elements where each ...
Read MoreLearn how to generate a Resume with HTML and CSS
Creating a professional resume with HTML and CSS allows you to build an attractive, customizable document that can be easily shared digitally. A well-structured resume showcases your skills and experience effectively while maintaining a professional appearance across different devices. Syntax /* Basic Resume Layout Structure */ .container { display: grid; grid-template-columns: 1fr 2fr; max-width: 1000px; margin: 0 auto; } .left-section { background-color: #333; color: white; padding: 20px; } ...
Read MoreHow to Show a Word Document in an HTML Page Using JavaScript?
To show a Word document in an HTML page using JavaScript is important where you are required to read Word documents within your browser. This article will discuss three approaches to accomplishing this in JavaScript, allowing you to load .docx files and display them on your webpage to the user. In this article, our task is to show a word document in an HTML page using JavaScript. We will be either using a .docx file from our system or using URL. Approaches to Show Documents in HTML Using Mammoth.js Library Using iFrame with Microsoft Office Viewer ...
Read MoreHow to Set an HTML Date Picker Max Date to Today?
In HTML, a date picker is a useful input control that enables users to select specific dates on websites or forms. By default, date pickers accept any date, but you can limit the selectable date range using the max attribute to restrict selection to today or earlier dates. Syntax What is a Date Picker? A date picker is a user interface component that allows users to select dates through a calendar interface. It's commonly used in forms for applications like reservation systems, scheduling software, or collecting birthdates. Setting Max Date to Today ...
Read MoreHow to repair broken pictures in HTML?
Images play an important role in increasing user interest in content and enriching the appearance of websites. However, broken images can occur due to wrong links, missing files, or server problems, which negatively affects user experience. In this article, we will explore how to repair broken pictures in HTML using different approaches to ensure graceful handling of image loading failures. Approaches to Repair Broken Pictures Using alt Attribute Using onerror Event Using CSS Fallback Using alt Attribute The alt attribute provides alternative text that displays when an image cannot be loaded. This text ...
Read More