Found 8591 Articles for Front End Technology

How to Design Wave Images in HTML?

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

1K+ 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 Draw Graphics using Canvas in HTML5?

Tapas Kumar Ghosh
Updated on 16-May-2023 09:30:57

851 Views

In HTML5 We can use the canvas element to Draw 2D Graphics on the webpage. To draw the canvas graphics, we use tag that creates the interactive graphics, and animation to render it to the web browser. This Canvas element is only available in HTML 5 and not in the previous version. It can generate complex visualization in the field of games and data that helps developers to give visual demonstration of the work. In this article, we will learn how to use canvas element to Draw basic graphic design in 2D using various examples. Syntax ……write some ... Read More

How to disable resizable property of textarea using CSS?

Tapas Kumar Ghosh
Updated on 16-May-2023 09:33:13

953 Views

In CSS we can use the ‘resize’ property to resize the textarea box of a webpage. We can resize the height and width of the textarea box. In case if we set the resize value to none, the textarea box will not resize. In some situations, disabling the resizable functionality of a textbox area in HTML might be accessible if we wish to limit user interactions and control the layout of the input. The size of the text entry is important to the design and the layout of webpage or application is also required. In this article, we will create ... Read More

How to display video control in HTML5?

Tapas Kumar Ghosh
Updated on 15-May-2023 18:20:12

409 Views

HTML has embed, object, and iframe tags to display the video control in HTML5. Sometimes we would like to watch a video and pause the video with the stop button but we don’t know what exactly happens to it. The boolean attribute is defined as controls and the attribute includes play, pause, volume, track, fullscreen mode, and subtitle ON/OFF. Visual Representation Syntax The following syntax is used in the examples are − The video element is used to display the video in an HTML document. The source element has src attribute that allows the user ... Read More

How to disable the drop-down list in HTML5?

Tapas Kumar Ghosh
Updated on 15-May-2023 18:18:43

2K+ Views

The drop-down list defines the list of available options selected by the users. We visit many websites in our day-to-day work and on those web pages we will find various options in the drop-down list in one or more navigation to access that particular webpage. For example- Drop-down menus on large websites can help users save time by letting them skip one or two levels to the information they are looking for. The example used in this article will explain to create an HTML5 code that will disable such types of drop down list. Visual Representation Syntax …… ... Read More

How to disable text selection highlighting using CSS?

Tapas Kumar Ghosh
Updated on 19-Aug-2024 16:19:59

9K+ Views

To disable text selection highlighting using CSS, it can help in preventing the content copying. We can use CSS user-select property to disable the text selection highlighting. In this article, we will be understanding how we can use CSS user-select property to disable text selection highlighting. we are having a div element with some textual content written inside it. Our task is to disable text selection highlighting using CSS. Disabling Text Selection Highlighting Using CSS We have used a div tag to write the textual content in it. After writing the ... Read More

How to display incorrect content using HTML5?

Tapas Kumar Ghosh
Updated on 15-May-2023 18:13:32

144 Views

In HTML we have two elements i.e. s and del to display the incorrect content. There is no experimental difference between the ‘s’ and ‘del’ tags and also there is no proof that search engines take any action on these elements. For Example Let’s say there are two sentences to see the difference between an incorrect sentence vs correct sentence. The correct sentence is the same as of normal text whereas the incorrect sentence is marked by a black strike-through line. Syntax The tag represents the strike-through or line-trough text i.e. no longer correct or precise. ... 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

962 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

758 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

Print all possible joints of a Trie constructed from a given list of string

Tapas Kumar Ghosh
Updated on 15-May-2023 18:02:27

340 Views

In C++, the trie has an advanced data structure that is used for storing the collection of trees. The word tries came from the word retrieval and it is known as a digital tree or prefix tree. Let’s take an example of all possible joint by taking a given list of strings. We are defining the string input as {“tutor”, “true”, “tuo”} We can observe that the different string of characters is connected to the single string of the character. So here t and u are the list of characters in the string that joints all possible strings. In ... Read More

Advertisements