loading...

HTML, the revolutionary invention in InterNet history. HTML is stands for Hyper Text Markup Language. Anyone with a career in web design can tell you this. HTML was invented by physicist Tim Berners-Lee in late 1980s. In September 1991, Lee displayed a full list of the first 20 HTML tags on the Internet for all to see. I think it is the simplest programming language ever invented. HTML is written in the form of elements consisting of tags, enclosed in angle brackets (eg. <html>). Web designers and developers can add images, text and other contents to the webpage, in between the opening and closing tags (eg. <html> …….. </html> )

What is HTML5 ?.

HTML5 is the latest version of HTML and XHTML.It attempts to solve issues found in previous iterations of HTML. Below you can read newly added HTML5 tags, atributes,etc.

HTML5 TAGS

TagsDescription
<article>Defines an article
<aside>Defines content aside from the page content
<audio>Defines sound content
<canvas>Defines graphics
<command>Defines a command button
<datalist>Defines a dropdown list
<details>Defines details of an element
<embed>Defines external interactive content or plugin
<figure>Defines a group of media content, and their caption
<footer>Defines a footer for a section or page
<header>Defines a header for a section or page
<hgroup>Defines information about a section in a document
<keygen>Defines a generated key in a form
<mark>Defines marked text
<meter>Defines measurement within a predefined range
<nav>Defines navigation links
<output>Defines some types of output
<progress>Defines progress of a task of any kind
<rp>Used in ruby annotations to define what to show browsers that to not support the ruby element.
<rt>Defines explanation to ruby annotations.
<ruby>Defines ruby annotations
<section>Defines a section
<source>Defines media resources
<summary>Defines the header of a “detail” element
<time>Defines a date/time
<video>Defines a video
<wbr>Defines a possible line-break

HTML5 Global Attributes

AttributesValuesDescription
contenteditabletrue, falseSpecifies if the user is allowed to edit the content or not
contextmenumenu_idpecifies the context menu for an element
draggabletrue, false, autoSpecifies whether or not a user is allowed to drag an element
dropzonecopy, move, linkSpecifies what happens when dragged items/data is dropped in the element
hiddenhiddenSpecifies that the element is not relevant. Hidden elements are not displayed
spellchecktrue, falseSpecifies if the element must have its spelling and grammar checked

HTML5 Global Event Attributes

AttributesTypeValuesDescription
onafterprintWindowScriptScript to be run after the document is printed
onbeforeprintWindowScriptScript to be run before the document is printed
onbeforeonloadWindowScriptScript to be run before the document loads
onerrorWindowScriptScript to be run when an error occur
onhaschangeWindowScriptScript to be run when the document has change
onmessageWindowScriptScript to be run when the message is triggered
onofflineWindowScriptScript to be run when the document goes offline
ononlineWindowScriptScript to be run when the document comes online
onpagehideWindowScriptScript to be run when the window is hidden
onpageshowWindowScriptScript to be run when the window becomes visible
onpopstateWindowScriptScript to be run when the window’s history changes
onredoWindowScriptScript to be run when the document performs a redo
onresizeWindowScriptScript to be run when the window is resized
onstorageWindowScriptScript to be run when a document loads
onundoWindowScriptScript to be run when a document performs an undo
onunloadWindowScriptScript to be run when the user leaves the document
oncontextmenuFormScriptScript to be run when a context menu is triggered
onformchangeFormScriptScript to be run when a form changes
onforminputFormScriptScript to be run when a form gets user input
oninputFormScriptScript to be run when an element gets user input
oninvalideFormScriptScript to be run when an element is invalid
ondragMouseScriptScript to be run when an element is dragged
ondragendMouseScriptScript to be run at the end of a drag operation
ondragenterMouseScriptScript to be run when an element has been dragged to a valid drop target
ondragleaveMouseScriptScript to be run when an element leaves a valid drop target
ondragoverMouseScriptScript to be run when an element is being dragged over a valid drop target
ondragstartMouseScriptScript to be run at the start of a drag operation
ondropMouseScriptScript to be run when dragged element is being dropped
onmousewheelMouseScriptScript to be run when the mouse wheel is being rotated
onscrollMouseScriptScript to be run when an element’s scrollbar is being scrolled