Found 2416 Articles for HTML

How to display HTML tags as plain text in HTML?

Tapas Kumar Ghosh
Updated on 12-Nov-2023 11:49:29

2K+ Views

HTML tags are used for defining the structure of the webpage. Various types of tags can use used for dealing with text in HTML. In this article, we will use the plaintext tag to display the HTML tag in the output. The examples used in this article will help you understand how to use this plaintext tag in various ways to display HTML tags as plain text. Following are the HTML entities that displays the HTML text as plain text − Syntax ...write the HTML tags Plaintext is such type of tag that allows printing the HTML tags ... Read More

How to Design Wave Images in HTML?

Tapas Kumar Ghosh
Updated on 16-May-2023 09:28:42

517 Views

HTML has an SVG element that can be used for designing wave images. The wave image shows the unique style of the webpage and it becomes more user interactive while adding the property of animation and transitions to it. The wave design is generally used in the landing page, button, and webpage image. To create the wave image, the SVG element is the best way to design the wave formation. Syntax The SVG element is used to draw the graphics. The viewbox attribute defines the position and dimension of the graphics. The ... Read More

How to disable spell check from input box and text area in HTML forms?

Tapas Kumar Ghosh
Updated on 15-May-2023 18:09:24

668 Views

The term spell check is used to check the spelling of a word. The input box is defined by an input element in HTML that allows the user to text something on it. The textarea is termed by feedback or comment box that allows the user to write more lines of text. When we enter grammatically incorrect words into input or textarea fields in HTML forms, the idea of the spell check feature is essentially used. The incorrect words will have by default red underline. It is used to find spelling or grammar errors in text areas or input boxes. ... Read More

How to draw a circle using an SVG tag in html?

Tapas Kumar Ghosh
Updated on 15-May-2023 18:07:22

555 Views

The HTML’s SVG tag is a container that is used to describe the 2D graphics. The SVG stands for Scalable Vector Graphics and represents the two-dimensional graph in the X and Y coordinate system of any vector diagrams. This type of tag is mostly helpful to draw vector diagrams like circles, rectangles, rounded- rectangles, squares, triangles, stars, etc. There are various ways of drawing a circle with the help of SVG tags like using The tag, tag as well as tag in HTML. Here we are going to learn two tags out of these three i.e. ... Read More

How to make a display in a horizontal row?

Saba Hilal
Updated on 10-May-2023 18:08:27

587 Views

In this article, the user will understand how to make a display in a horizontal row in the HTML. This can be easily done by using “display: inline” feature while setting the style or by using the table row feature. This process of displaying some elements of a webpage in a row is demonstrated. First, the method is given where the unordered list items are displayed in a row. In the second example, the paragraph lines are displayed in a row. In the third example, images of different sizes are used to display these in a row. Example 1: ... Read More

How to make a vertical line using HTML?

Saba Hilal
Updated on 10-May-2023 18:00:16

2K+ Views

Sometimes, the task is to display a vertical line on the web page and to set the style for that vertical line. Using the HTML, this process of creating a vertical line on the webpage is demonstrated in this article. First the method is given where the border style is specified for the div tag to display a vertical line. In the second example, the keyboard characters “|” and “!’ are filled as table cell contents to create a vertical line made up of dashes or dots. In the third example a small width rectangle is created that looks ... Read More

How to make an empty div take space?

Saba Hilal
Updated on 10-May-2023 17:22:23

3K+ Views

HTML is one of the most popular language to create interactive web pages. The space inside the div tag is marked by either enclosing it with a border or coloring it up. First, the method is given where the height and width are specified for the div tag to create the empty area. In the second example, the pre tags are used with line-height numbers, within the div tags to create the empty space. In the third example, the tags are used with line-height numbers, within the div tags. Example 1: By using height and width values Step ... Read More

How to create animated banner links using HTML and CSS

Aman Gupta
Updated on 09-May-2023 16:58:35

4K+ Views

Overview We can create animated banners using the HTML and CSS, HTML provides the layout of the banner and CSS provides the styling of the banners with the animations. Sometimes in the banners which are made for advertisement purpose links are embedded to them, so to highlight the link to the user of the web page the developer makes the link animated so it can be visible throughout the web content and that should increase the interest of the users to click it. Syntax The syntax to create a link in the HTML is − Algorithm Step 1 − Create ... Read More

How to create and read the value from cookies

Aman Gupta
Updated on 14-Jul-2023 16:49:37

337 Views

Overview Cookies are the temporary storage, which stores the user data in the form of key value pairs. Cookies are stored on the clients systems. When a user visits a website then a request is sent to the server to which the website is hosted, then it loads the content and sends it back to the receiving end(receiver is the client or a user). The server sends the cookie to store the user data for its future use. But it all depends upon the user whether he wants to store the login credentials to the cookie or not. In the ... Read More

How to Create Image Overlay Icon using HTML and CSS

Aman Gupta
Updated on 09-May-2023 16:40:59

3K+ Views

Overview An image overlay is an overlapping of two images or icons, in which one icon or an image is displayed on the screen while the other icon displays on the screen when the cursor is hovering over the first image. So to achieve this feature we should have basic knowledge of HTML and CSS with its properties of transition and animation. So for creating an overlay we will see a few examples regarding the creation of an inner overlay icon. Algorithm Step 1 − Create a HTML file in your text editor and create a HTML boilerplate in the ... Read More

Advertisements