HTML Articles - Page 74 of 221

The HTML oncopy attribute is triggered when user copy the content of an HTML element in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML oncopy event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    p {       font-size: 1.1rem;    } HTML oncopy Event Attribute Demo I'm a paragraph HTML element ... Read More

The HTML onchange attribute is triggered when you change the value of an HTML element in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML onchange event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    .show {       font-size: 1.1rem;       margin: 1rem auto;    }    select {       height: 2rem; ... Read More

The HTML onclick attribute is triggered when you mouse click on an HTML element in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML onclick event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;   ... Read More

The HTML onblur attribute is used when an HTML element loses focus in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML onblur event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       ... Read More

The HTML Viewport meta tag is used for creating responsive website. So that web page can adjust its width according to viewport.SyntaxFollowing is the syntax −< meta name=”viewport” content=”width=device-width, initial-scale=1.0” >Attributes of viewport meta tagAttributeExplanationwidthIt specifies the virtual viewport width of the device.heightIt specifies the virtual viewport height of the device.initial-scaleIt specifies the zoom level when the page is first visited.minimum-scaleIt specifies the minimum zoom level to which the user can zoom the page.maximum-scaleIt specifies the maximum zoom level to which the user can zoom the page.user-scalableIt specifies whether the user can zoom in or out.ExampleLet us see an example ... Read More

The HTML view Event property returns a cite to the Window object where the event occured.SyntaxFollowing is the syntax −event.viewExampleLet us see an example of HTML view Event Property −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block; ... Read More

The HTML Screen pixelDepth property returns the color resolution of the visitor’s screen.SyntaxFollowing is the syntax −screen.pixelDepthExampleLet us see an example of HTML Screen pixelDepth Property −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       ... Read More

The HTML Screen colorDepth property returns the bit depth of the color palette for displaying images(in bits per pixel).SyntaxFollowing is the syntax −screen.colorDepthExampleLet us see an example of HTML Screen colorDepth Property −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;     ... Read More

The HTML Screen height property returns the total height of the user’s screen.SyntaxFollowing is the syntax −screen.heightExampleLet us see an example of HTML Screen height Property -Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       ... Read More

The HTML Screen availWidth property returns the available width of the user’s screen that means it excludes interface features of the browser.SyntaxFollowing is the syntax −screen.availWidthExampleLet us see an example of HTML Screen availWidth Property −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: ... Read More