HTML5 Video (HTML MEDIA)

In this session you will learn that how to upload your video on your webpage. This page shows you coding of the video that which code you used and upload your video on your own webpage.   HTML Video Example. Courtesy of Big Buck Bunny. The code of this video…

0 Comments

HTML Plug-ins (HTML MEDIA)

The purpose of a plug-in is to extend the functionality of a web browser.   HTML Helpers (Plug-ins) Helper applications (plug-ins) are computer programs that extend the standard functionality of a web browser. Examples of well-known plug-ins are Java applets. Plug-ins can be added to web pages with the tag…

0 Comments

HTML5 Audio (HTML MEDIA)

Audio on the Web Before HTML5, audio files could only be played in a browser with a plug-in (like flash). The HTML5 <audio> element specifies a standard way to embed audio in a web page. Browser Support The numbers in the table specify the first browser version that fully supports…

0 Comments

HTML Multimedia (HTML Media)

You know the Web pages contains different type of musics, videos, animationa and movies. These type of pages called Multimedia Web Pages. Different pages contains different types of multimedia. In this session you will learn that how to make your own multimedia web pages. Multimedia on the web is sound,…

0 Comments

HTML5 SVG (HTML Graphics)

What is SVG? SVG stands for Scalable Vector Graphics SVG is used to define graphics for the Web SVG is a HTML learners recommendation The HTML Element The HTML element is a container for SVG graphics. SVG has several methods for drawing paths, boxes, circles, text, and graphic images. Browser Support The…

0 Comments

HTML Input Attributes

The value Attribute The value attribute specifies the initial value for an input field: Example <form action=""> First name:<br> <input type="text" name="firstname" value="John"> </form> Try it Yourself » The readonly Attribute The readonly attribute specifies that the input field is read only (cannot be changed): Example <form action=""> First name:<br>…

0 Comments

HTML Input Types

This chapter describes the different input types for the <input> element. Input Type Text <input type="text"> defines a one-line text input field: Example <form> First name:<br> <input type="text" name="firstname"><br> Last name:<br> <input type="text" name="lastname"> </form> Try it Yourself » This is how the HTML code above will be displayed in…

0 Comments

HTML5 Style Guide and Coding Conventions

HTML Coding Conventions Web developers are often uncertain about the coding style and syntax to use in HTML. Between 2000 and 2010, many web developers converted from HTML to XHTML. With XHTML, developers were forced to write valid and "well-formed" code. HTML5 is a bit more sloppy when it comes…

0 Comments

HTML5 Migration

Migration from HTML4 to HTML5 This chapter is entirely about how to migrate from HTML4 to HTML5. This chapter demonstrates how to convert an HTML4 page into an HTML5 page, without destroying anything of the original content or structure. You can migrate from XHTML to HTML5, using the same recipe.…

0 Comments

HTML5 Semantic Elements

Semantics is the study of the meanings of words and phrases in a language. Semantic elements = elements with a meaning. What are Semantic Elements? A semantic element clearly describes its meaning to both the browser and the developer. Examples of non-semantic elements: <div> and <span> - Tells nothing about…

0 Comments

HTML5 New Elements

New Elements in HTML5 Below is a list of the new HTML5 elements, and a description of what they are used for. New Semantic/Structural Elements HTML5 offers new elements for better document structure: Tag Description <article> Defines an article in the document <aside> Defines content aside from the page content…

0 Comments

HTML5 Browser Support

You can teach older browsers to handle HTML5 correctly. HTML5 Browser Support HTML5 is supported in all modern browsers. In addition, all browsers, old and new, automatically handle unrecognized elements as inline elements. Because of this, you can "teach" older browsers to handle "unknown" HTML elements. You can even teach…

1 Comment