Found 2202 Articles for HTML

How to add multi-language content in HTML?

Prabhas
Updated on 29-May-2020 22:35:53

4K+ Views

The lang attribute in HTML allows you to set content for languages other than English. You can try to run the following code to implement lang attribute.ExampleHere, we have added content in French and Spanish as well.           English       This is demo text             French       Ceci est un texte de démonstration             Spanish       Este es un texto de demostración    

Execute a script when the element is finished loading in HTML?

Yaswanth Varma
Updated on 22-Nov-2023 04:53:02

2K+ Views

In this article we are going to learn about execute a script when the element is finished loading in HTML. When an object is loaded, the onload event takes place. Onload is most frequently used in the element to run a script after a web page has loaded all of its content completely. This can be utilised for a number of things, such as checking for cookies or setting the appropriate version of the page based on the user's browser. Let’s dive into the article to understand more about executing a script when the element is finished loading in ... Read More

Create a paragraph with a right-to-left direction in HTML5

Arjun Thakur
Updated on 03-Mar-2020 05:38:02

352 Views

Use the dir attribute in HTML to set a paragraph with right-to-left direction. Add the value rtl to the dir attribute for the text to be placed from right-to-left.ExampleYou can try to run the following code to implement dir attribute −           This is demo paragraph. This is demo paragraph.          This is demo paragraph. This is demo paragraph. This is demo paragraph.          This is demo paragraph. This is demo paragraph.    

Execute a script when a user releases a key in HTML?

Govinda Sai
Updated on 03-Mar-2020 05:38:42

141 Views

Use the onkeyup attribute. The onkeyup attribute triggers when the user releases a key.ExampleYou can try to run the following code to execute a script on releasing a key −           Press a key inside the textbox.                      function display() {             alert("You released a key!");          }          

Create a hidden paragraph in HTML5

varun
Updated on 29-May-2020 22:34:51

2K+ Views

Use the hidden attribute in HTML5 to create a hidden paragraph in HTML5 i.e. an element no longer relevant.ExampleYou can try to run the following code to implement hidden attribute in HTML5 −           Heading       This is a demo paragraph and visible.       This is a demo paragraph and hidden.    

Create a draggable paragraph in HTML5

Nancy Den
Updated on 24-Jun-2020 08:29:23

469 Views

Use the draggable attribute to create a draggable paragraph. Enable or Disable the drag using the values true and false.ExampleYou can try to run the following code to implement draggable element and drag an element −                    .drag {             float: left;             width: 100px;             height: 75px;             border: 1px dashed #876587;             margin: 15px;             padding: 10px;          }   ... Read More

How to add the height of the element in HTML?

Krantik Chavan
Updated on 24-Jun-2020 08:25:38

171 Views

Use the height attribute in HTML to set the height of an element. You can use the attribute with the following elements − , , , , , etc.ExampleYou can try to run the following code to implement height attribute in HTML −                                        Your browser does not support the video element.          

How to create a context menu for an element in HTML5?

Ramu Prasad
Updated on 03-Mar-2020 05:36:48

544 Views

Use the contextmenu attribute in HTML5 to create a context menu for an element. A context menu generates when a user right-clicks. ExampleYou can try to run the following code to create a context menu −           HTML menuitem Tag                        Right click inside here....                                                                              

How do we embed custom data attributes on all HTML elements?

Nikhilesh Aleti
Updated on 08-Nov-2022 08:02:07

586 Views

In this article, we need to embed custom data attributes on all HTML elements. we can do so, using the data-* attribute in HTML. The data-* attribute in HTML is used to custom data private to the webpage or application. This attribute adds custom values to an HTML element. The data-* attribute in HTML consists of two parts − The attribute value can be any string. The attribute name should only contain lowercase letters and must have at least one character after the prefix "data-". This data is commonly used in JavaScript to improve the user experience. Following ... Read More

Execute a script when a user is pressing a key in HTML?

Chandu yadav
Updated on 03-Mar-2020 05:36:03

368 Views

Use the onkeydown attribute. The onkeydown attribute triggers when the user is pressing a key.ExampleYou can try to run the following code to execute a script on pressing a key −           Press a key inside the textbox.                      function display() {             alert("You pressed a key!");          }          

Advertisements