HTML Articles

Found 1,508 articles

Adding default search text to search box in HTML with JavaScript?

Vivek Verma
Vivek Verma
Updated on 28-Aug-2025 593 Views

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…" : 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. Adding Default Search Text to Search Box Using JavaScript In HTML, the text (i.e., search text) that appears inside a search box or input field before the user ...

Read More

How to use Python Regular expression to extract URL from an HTML link?

Nikitasha Shrivastava
Nikitasha Shrivastava
Updated on 26-May-2025 3K+ Views

In this article, we are going to learn how to extract a URL from an HTML link using Python regular expressions. URL is an acronym for Uniform Resource Locator; it is used to identify the location resource on the Internet. URL consists of a domain name, path, port number, etc. The URL can be parsed and processed by using a Regular Expression. Therefore, if we want to use a Regular Expression, we have to use the "re" library in Python. Following is an example of a URL - URL: https://www.tutorialspoint.com/courses If we parse the above URL we can find ...

Read More

How do we add a table row in HTML?

Alshifa Hasnain
Alshifa Hasnain
Updated on 19-Feb-2025 936 Views

In this article, we will learn to add a table row in HTML. Tables are a fundamental part of web development, used to display structured data in rows and columns. In HTML, you can add table rows using the (table row) element inside a structure. Attributes The HTML tag also supports the following additional attributes − Attribute Value ...

Read More

Tic Tac Toe Game with HTML, CSS, and JavaScript

Souvik Chakraborty
Souvik Chakraborty
Updated on 30-Jan-2025 2K+ Views

Tic Tac Toe is well-known two square board game in which two players have to put their mark on certain spaces in turns. The player that gets three of their marks in a row either in a horizontal, vertical, or diagonal manner wins that game. If all turns are used and no player gets the line, then the draw is the end of the game. In this article, we will see how to build a Tic Tac Toe game in plain HTML, CSS, and JavaScript. The code allows a two-player mode game and additional features including the Reset button, an ...

Read More

Learn how to generate a Resume with HTML and CSS

Souvik Chakraborty
Souvik Chakraborty
Updated on 28-Jan-2025 672 Views

Generating a resume with HTML and CSS make an attractive resume that can easily be distributed. A resume is a vital document that has been used in the course of employment so as to present oneself for the job. In this article, you will learn how to create a clear and concise resume, with proper division of sections and appropriate style with HTML and CSS. We have discussed how to create a resume using HTML and CSS. The main consideration will be the hierarchy and how such sections would look and function on a professional level online across various devices. ...

Read More

How to Show a Word Document in an HTML Page Using JavaScript?

Souvik Chakraborty
Souvik Chakraborty
Updated on 28-Jan-2025 2K+ Views

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 two approaches to accomplishing this in JavaScript. They both allow you to teach your application how 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 a Word Document in HTML Using Mammoth.js Library ...

Read More

How to Set an HTML Date Picker Max Date to Today?

Souvik Chakraborty
Souvik Chakraborty
Updated on 28-Jan-2025 1K+ Views

In HTML date picker is a useful concept as it enables people to select a specific date on a website or even a form. By default, date pickers accept any date to be entered, however, if a user wishes to limit the range of dates that are selectable—say from the past until today. What is a Date Picker? A date picker is a form of user interface component that enables users to select dates through a calendar or clock. Most usually it is used in forms when a date has to be entered for example in reservation systems, scheduling software, ...

Read More

How to repair broken pictures in HTML?

Souvik Chakraborty
Souvik Chakraborty
Updated on 28-Jan-2025 352 Views

Images play an important role in increasing user interest in content and enriching the appearance of websites. However, when it comes to broken images it’s important to note that they aren’t necessarily a result of an intentional act but can be caused by a myriad of things including wrong links, missing images, and server problems. These are important to avoid any mayhem as it does affect the user experience in very sensitive ways. In this article we are having a broken image. Our task is to repair broken pictures in HTML. Approaches to repair broken pictures Using alt Attribute ...

Read More

How to Hide Scrollbar Using CSS?

Souvik Chakraborty
Souvik Chakraborty
Updated on 28-Jan-2025 515 Views

To hide scrollbar using CSS, we will understand different approaches. Scrollbars are one of the core components of web browsers where users navigate in a content area wider than a viewable window. In this article, we have discussed three approaches for hiding the scroll bars using CSS and when each might be useful. We can hide the scrollbar in below mentioned directions − Hiding the Vertical Scrollbar Hiding the Horizontal Scrollbar Hiding Scrollbars in Both Directions 1. Hiding the Vertical Scrollbar In this case, we disable the vertical bar but enable the vertical scrolling of the page ...

Read More

How to Separate Header from Body in HTML?

Souvik Chakraborty
Souvik Chakraborty
Updated on 28-Jan-2025 608 Views

To separate header from body in HTML, can be useful in providing information and highlighting the actual body. The header includes elements such as the title of the web page, the list of navigation options, and other initiating features. The content section contains webpage information and is usually positioned at the bottom of the webpage. In this article we are having a web page with the header and the main body. Our task is to separate header from body in HTML. Approaches to Separate Header from Body Using Semantic Tags Using CSS Using Multiple Headers 1. Using Semantic ...

Read More
Showing 1–10 of 1,508 articles
« Prev 1 2 3 4 5 151 Next »
Advertisements