HTML SSE API

Server-Sent Events (SSE) allow a web page to get updates from a server. Server-Sent Events – One Way Messaging A server-sent event is when a web page automatically gets updates from a server. This was also possible before, but the web page would have to ask if any updates were available. With server-sent events, the […]

HTML Input Types

This chapter describes the different types for the HTML <input> element. HTML Input Types Here are the different input types you can use in HTML: <input type=”button”> <input type=”checkbox”> <input type=”color”> <input type=”date”> <input type=”datetime-local”> <input type=”email”> <input type=”file”> <input type=”hidden”> <input type=”image”> <input type=”month”> <input type=”number”> <input type=”password”> <input type=”radio”> <input type=”range”> <input type=”reset”> <input type=”search”> […]

HTML Canvas Graphics

The HTML <canvas> element is used to draw graphics on a web page. The graphic to the left is created with <canvas>. It shows four elements: a red rectangle, a gradient rectangle, a multicolor rectangle, and a multicolor text. What is HTML Canvas? The HTML <canvas> element is used to draw graphics, on the fly, via JavaScript. The <canvas> element is only […]

HTML Video

The HTML <video> element is used to show a video on a web page. The HTML <video> Element To show a video in HTML, use the <video> element: Example How it Works The controls attribute adds video controls, like play, pause, and volume. It is a good idea to always include width and height attributes. If height and width are not set, the page might […]

HTML Audio

The HTML <audio> element is used to play an audio file on a web page. The HTML <audio> Element To play an audio file in HTML, use the <audio> element: Example HTML Audio – How It Works The controls attribute adds audio controls, like play, pause, and volume. The <source> element allows you to specify alternative audio files which the browser may choose […]

HTML SVG Graphics

SVG defines vector-based graphics in XML format. What is SVG? SVG stands for Scalable Vector Graphics SVG is used to define graphics for the Web SVG is a W3C recommendation The HTML <svg> Element The HTML <svg> element is a container for SVG graphics. SVG has several methods for drawing paths, boxes, circles, text, and graphic images. […]

HTML YouTube Videos

The easiest way to play videos in HTML, is to use YouTube. Struggling with Video Formats? Converting videos to different formats can be difficult and time-consuming. An easier solution is to let YouTube play the videos in your web page. YouTube Video Id YouTube will display an id (like tgbNymZ7vqY), when you save (or play) […]

HTML Plug-ins

Plug-ins are computer programs that extend the standard functionality of the browser. Plug-ins Plug-ins were designed to be used for many different purposes: To run Java applets To run Microsoft ActiveX controls To display Flash movies To display maps To scan for viruses To verify a bank id Warning ! Most browsers no longer support […]