Found 9053 Articles for Front End Technology

The task we are going to perform in this article is how to work with style attribute in HTML. HTML styles are essentially set of rules that specify how a page will be displayed in a browser. Style information may be incorporated in the HTML document or provided as a separate document. In HTML, style can be applied in 3 different ways. Let’s look one by one to get more idea on how to work with style attribute in HTML. Inline Style The style attribute is used in inline styling to directly write the CSS rules inside the beginning ... Read More

Use the onloaddata event to execute a script when media data is loaded. You can try to run the following code to implement onloaddata event −ExampleThe following code generates an alert box when the video gets loaded −                                        Your browser does not support the video element.                      function display() {             alert("Loaded!");          }          

Use the id attribute in HTML to add the unique id of an element.ExampleYou can try to run the following code to implement id attribute −           Tutorialspoint       We provide Tutorials!       More...                function display() {             document.getElementById("myid").innerHTML = "We provide learning videos as well";          }          

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    

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

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.    

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!");          }          

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.    

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

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.