HTML5 HTML5 1. It is latest version of HTML. 2. It is not a programming language, it’s a markup language. 3. It is a standard for structuring and presenting content on the World Wide Web. 4. It supports features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears. 5. HTML5 tag names are case insensitive and may be written in all uppercase or mixed case, although the most common convention is to stick with lowercase. HTML5 DOCUMENT TAGS section It represents a generic document or application section. It can be used together with h1-h6 to indicate the document structure. article This tag represents an independent piece of content of a document, such as a blog entry or newspaper article. aside It represents a piece of content that is only slightly related to the rest of the page. header It represents the header of a section. footer It contain information about the author, copyright information, etc. nav It represents a section of the document intended for navigation. dialog It can be used to mark up a conversation. figure It can be used to associate a caption together with some embedded content, such as a graphic or video.

1

HTML5 TEMPLATE PREPARATION USING HTML5

Header Part1

Header Part2

<article style=" position:absolute; left:650px; top:155px;color:blue;" align="right"> <section>

body1

body2

body3

body4

body5

2

HTML5

HTML5 – EVENTS It a thing that happens when user visits and perform activities such as clicking on text and images and links, hovers over defined elements, etc. In html tag we write attributes to trigger events to happen. Attribute Offline Onabort onafterprint onbeforeonload onbeforeprint Onblur oncanplay oncanplaythrough Onchange Onclick oncontextmenu ondblclick Ondrag ondragend ondragenter ondragleave ondragover ondragstart Ondrop

Description Activates when the document goes offline Activates on an abort event Activates after the document is printed Activates before the document loads Activates before the document is printed Activates when the window loses focus Activates when media can start play, but might has to stop for buffering Activates when media can be played to the end, without stopping for buffering Activates when an element changes Activates on a mouse click Activates when a context menu is triggered Activates on a mouse double-click Activates when an element is dragged Activates at the end of a drag operation Activates when an element has been dragged to a valid drop target Activates when an element leaves a valid drop target Activates when an element is being dragged over a valid drop target Activates at the start of a drag operation Activates when dragged element is being dropped 3

HTML5 ondurationchange onemptied Onended Onerror Onfocus onformchange onforminput onhaschange Oninput Oninvalid onkeydown onkeypress Onkeyup Onload onloadeddata onloadedmetadata onloadstart onmessage onmousedown onmousemove onmouseout onmouseover onmouseup onmousewheel Onoffline Onoine Ononline onpagehide onpageshow Onpause Onplay Onplaying onpopstate onprogress onratechange onreadystatechange Onredo Onresize Onscroll Onseeked Onseeking Onselect Onstalled

Activates when the length of the media is changed Activates when a media resource element suddenly becomes empty. Activates when media has reach the end Activates when an error occur Activates when the window gets focus Activates when a form changes Activates when a form gets user input Activates when the document has change Activates when an element gets user input Activates when an element is invalid Activates when a key is pressed Activates when a key is pressed and released Activates when a key is released Activates when the document loads Activates when media data is loaded Activates when the duration and other media data of a media element is loaded Activates when the browser starts to load the media data Activates when the message is triggered Activates when a mouse button is pressed Activates when the mouse pointer moves Activates when the mouse pointer moves out of an element Activates when the mouse pointer moves over an element Activates when a mouse button is released Activates when the mouse wheel is being rotated Activates when the document goes offline Activates when the document comes online Activates when the document comes online Activates when the window is hidden Activates when the window becomes visible Activates when media data is paused Activates when media data is going to start playing Activates when media data has start playing Activates when the window's history changes Activates when the browser is fetching the media data Activates when the media data's playing rate has changed Activates when the ready-state changes Activates when the document performs a redo Activates when the window is resized Activates when an element's scrollbar is being scrolled Activates when a media element's seeking attribute is no longer true, and the seeking has ended Activates when a media element's seeking attribute is true, and the seeking has begun Activates when an element is selected Activates when there is an error in fetching media data 4

HTML5 Onstorage Onsubmit onsuspend ontimeupdate Onundo Onunload onvolumechange Onwaiting

Activates when a document loads Activates when a form is submitted Activates when the browser has been fetching media data, but stopped before the entire media file was fetched Activates when media changes its playing position Activates when a document performs an undo Activates when the user leaves the document Activates when media changes the volume, also when volume is set to "mute" Activates when media has stopped playing, but is expected to resume

5