
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 8591 Articles for Front End Technology

1K+ Views
When we set the width and height of an element in CSS then often the element appears bigger than the actual size. This is because by default, the padding and border are added to the element’s width and height and then the element is displayed.The box sizing property includes the padding and border of an element with actual width and height so that the element does not appear bigger than the actual size. The format to use this property is box-sizing: box-border ExampleYou can try to run the following code to align text and select boxes to the same width ... Read More

192 Views
Unlike HTML 4.01, HTML 5 does not support the tag. The makes the text font size one size smaller down to the browser's minimum font size. For example, the use of the tag in a text which is of large font size makes the font size to medium. In HTML5, this element is repurposed to represent side-comments and small print. It also supports the global attributes and event attributes in HTMLOn the contrary, the tag would make the text appear one size larger than the actual font size of the text. Though this tag is not ... Read More

311 Views
Use the onfocus attribute to execute a script when the element gets focus in HTML.ExampleYou can try to run the following code to implement the onfocus attribute − Enter subject name below, Subject: function display(val) { document.getElementById(val).style.background = "blue"; }

362 Views
Use the onmousedown attribute to in HTML to execute a script when a mouse button is pressed down on an element.ExampleYou can try to run the following code to implement onmousedown attribute − This is demo heading. Click above and then release. function mouseDown() { document.getElementById("myid").style.color = "yellow"; } function mouseUp() { document.getElementById("myid").style.color = "blue"; }

134 Views
Use the onratechange attribute to execute a script each time the playback rate changes in HTML in HTML.ExampleYou can try to run the following code to implement onratechange attribute − Live Demo Your browser does not support the video element. Change the speed of the video function display() { document.getElementById("test").innerHTML = "Speed: " + document.getElementById("myid").playbackRate; } function update(ob) { document.getElementById("myid").playbackRate = ob.value; } Output

2K+ Views
Use the onclick attribute to execute a script when the element is clicked in HTML.ExampleYou can try to run the following code to implement onclick attribute − Click function display() { document.getElementById("test").innerHTML = "You clicked the button!"; }

157 Views
Use the contextmenu attribute in HTML5 to execute a script when a context menu is fied. A context menu generates when a user right-clicks. ExampleYou can try to run the following code to implement contextmenu attribute − HTML menuitem Tag Right click inside here....