Category: Html 5

HTML Basic A simple HTML document Specify headings for the content Inserting paragraphs of text content Creating links to other HTML documents or Web resources Inserting images into the HTML document HTML Text Headings – h1 to h6 Paragraph and line breaks Text formatting Preformatted text (Preserve line breaks and spaces) Sub and Superscript text…

Drag and Drop an Element The HTML5 drag and drop feature allows the user to drag and drop an element to another location. The drop location may be a different application. While dragging an element a translucent representation of the element is follow the mouse pointer. Let’s try out the following example to understand how…

What is Geolocation? The HTML5 geolocation feature lets you find out the geographic coordinates (latitude and longitude numbers) of the current location of your website’s visitor. This feature is helpful for providing better browsing experience to the site visitor. For example, you can return the search results that are physically close to the user’s location.…

What is Server-Sent Event? HTML5 server-sent event is a new way for the web pages to communicating with the web server. It is also possible with the XMLHttpRequest object that lets your JavaScript code make a request to the web server, but it’s a one-for-one exchange — that means once the web server provides its…

What is Web Worker? If you try to do intensive task with JavaScript that is time-consuming and require hefty calculations browser will freeze up the web page and prevent the user from doing anything until the job is completed. It happens because JavaScript code always runs in the foreground. HTML5 introduces a new technology called web…

What is Application Cache? Typically most web-based applications will work only if you’re online. But HTML5 introduces an application cache mechanism that allows the browser to automatically save the HTML file and all the other resources that needs to display it properly on the local machine, so that the browser can still access the web…

What is Web Storage? The HTML5’s web storage feature lets you store some information locally on the user’s computer, similar to cookies, but it is faster and much better than cookies. However, web storage is no more secure than cookies. Please check out the tutorial on PHP cookies to learn more about cookies. The information stored in…

Embedding Video in HTML Document Inserting video onto a web page was not relatively easy, because web browsers did not have a uniform standard for defining embedded media files like video. In this chapter we’ll demonstrates some of the many ways of adding videos on web pages, from the latest HTML5 <video> element to the popular YouTube…

Embedding Audio in HTML Document Inserting audio onto a web page was not easy before, because web browsers did not have a uniform standard for defining embedded media files like audio. In this chapter we’ll demonstrates some of the many ways to embed sound in your webpage, from the use of a simple link to…

What is SVG? The Scalable Vector Graphics (SVG) is an XML-based image format that is used to define two-dimensional vector based graphics for the web. Unlike raster image (e.g. .jpg, .gif, .png, etc.), a vector image can be scaled up or down to any extent without losing the image quality. An SVG image is drawn out using a…