In this article we are going to learn about how do we add a comment in HTML code. Let’s dive into the article for getting better understanding on adding comment in HTML code. To add comments to HTML code, use the comment tag (!— Comment—>). It is a good coding practice so that both the coder and the reader can benefit from assistance in understanding the code. It is helpful to comprehend the intricate code's steps. When codes are being debugged, the comment tag is useful. It is a straightforward bit of code that web browsers wipe off (ignore), ... Read More

Use the tabindex attribute in HTML to set the tabbing order of an element. It gives you the authority to change the order of your TAB usage on the keyboard. You can try to run the following code to create tabbing order of an element in HTML − Example Live Demo Current Affairs Coding Ground Verbal Ability Quantitative Aptitude We have changed the tab order above. Use TAB on keyboard to view the changes.

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