... **Introduction** - “HTML5” is so much more than just markup. There’s also an army of associated JavaScript APIs. Among the ranks are a few new technologies that open up how we communicate between client and server and across documents. - available technologies for HTML5 Web communication: **1. X ...

... Defines a comment Defines the document type Defines a hyperlink Defines an article Defines content aside from the page content Defines sound content Defines bold text ...

... canvas canvas click to draw star function drawstar() { var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); function drawStar(cx, cy, spikes, outerRadius, ...

... image img { margin: 20px; transition: transform .8s ease-in-out; } .imgs:hover { transform: rotate(75deg); } .imgs1:hover { transform: rotate(360deg); } hover o ...

... paragraph p:nth-child(odd) { background:#333; color: #fff; padding: 5px; } p:nth-child(even) { background:#fff; padding: 5px; } alternate paragrpah color sdfasdf asdfasdf asdfasdf ...

... border .box { margin: 50px; padding: 5px; text-align: center; border: 1px solid black; transition: border 0.6s linear; } .box:hover { border-width: 10 ...

... **CSS Pseudo-classes** - CSS pseudo-classes are used to add special effects to some selectors. You do not need to use JavaScript or any other script to use those effects. - **Syntax** selector:pseudo-class {property: value} - CSS classes can also be used with pseudo-classes − ...

... **Intrroduction** - The querySelector() and querySelectorAll() methods let you enter a CSS selector as a parameter and return the selected elements as DOM elements. - Part of the W3C Selectors API, the difference between the two methods is merely in the number of possible elements that they return ...

... **1.Type selector** Selects all elements that match the given node name. - Syntax: eltname - Example: input will match any element. **2.Class selector** Selects all elements that have the given class attribute. - Syntax: .classname - Example: .index will match any element that has a class of " ...

... **Media Query** - The @media rule is used in media queries to apply different styles for different media types/devices. For example, you can specify that certain styles are only for printed documents, or for screens, or for screen readers (mediatype: print, screen, or speech). In addition to media ...