HTML 5 Book w3

HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...
Search W3Schools References Examples
Search Forum
About
Free Website Templates
HTML5 Tutorial
HTML5 Home HTML5 Introduction HTML5 New Elements HTML5 Video HTML5 Audio HTML5 Canvas HTML5 Web Storage
HTML5 Tutorial
W3Schools Home
HTML5 is the next generation of HTML. This tutorial teaches you about the new features in HTML5.
WEB HOSTING Best Web Hosting
Next Chapter
PHP MySQL Hosting Top 10 Web Hosting UK Reseller Hosting Web Hosting FREE Web Hosting Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING
HTML5 Forms
HTML5 Input Types HTML5 Form Elements HTML5 Form Attributes
HTML5 Reference
HTML5 Tags HTML5 Attributes HTML5 Events
Examples in Each Chapter

With our HTML editor, you can edit the HTML, and click on a button to view the result.
Download XML Editor FREE Flash Website FREE Web Templates SEO Company
HTML5 Tags
 <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <keygen> <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <meta> <meter>
How Did HTML5 Get Started?

HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG). WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML. Some rules for HTML5 were established:
l l l l l l
W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with
New features should be based on HTML, CSS, DOM, and JavaScript Reduce the need for external plugins (like Flash) Better error handling More markup to replace scripting HTML5 should be device independent The development process should be visible to the public
New Features
Some of the most interesting new features in HTML5:
l l l l l
The canvas element for drawing The video and audio elements for media playback Better support for local offline storage New content specific elements, like article, footer, header, nav, section New form controls, like calendar, date, time, email, url, search
Browser Support
The latest versions of Safari, Chrome, Firefox, and Opera support some HTML5 features. Internet Explorer 9 will support some HTML5 features.
Previous
Next Chapter
AltovaMapForce Graphical XML Conversion Tool from the Developers of XMLSpy
http://www.w3schools.com/html5/html5_intro.asp
Page 1 / 2
<nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <tt> <u> <ul> <var> <video> <xmp>
Need an easy way to get data into XML, or transform XML to another format? MapForce lets you map XML data to/from any combination of XML, database, flat file, Excel 2007, XBRL, or Web services data. Then it transforms data instantly or auto-generates royalty-free code for recurrent conversions. New features in Version 2010! Easy-to-use, graphical data mapping interface Instant data transformation XSLT 1.0/2.0 and XQuery code generation Java, C#, and C++ code generation Advanced data processing functions Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more l Visual Studio & Eclipse integration l Available in 32-bit and 64-bit versions
l l l l l l
Download a fully-functional trial today!
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/html5_intro.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML5 New Elements

Previous Next Chapter
WEB HOSTING Best Web Hosting PHP MySQL Hosting Top 10 Web Hosting
New Elements in HTML5

The internet has changed a lot since HTML 4.01 became a standard in 1999. Today, some elements in HTML 4.01 are obsolete, never used, or not used the way they were intended to. These elements are deleted or re-written in HTML5. To better handle today's internet use, HTML5 also includes new elements for better structure, drawing, media content, and better form handling.
UK Reseller Hosting Web Hosting FREE Web Hosting Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING Download XML Editor FREE Flash Website FREE Web Templates
HTML5 Forms
HTML5 Reference
HTML5 Tags
New Markup Elements

New elements for better structure: Tag <article> <aside> <command> <details> <summary> <figure> <figcaption> <footer> <header> <hgroup> <mark> <meter> <nav> <progress> <ruby> <rt> <rp> <section> <time> Description For external content, like text from a news-article, blog, forum, or any other content from an external source For content aside from the content it is placed in. The aside content should be related to the surrounding content A button, or a radiobutton, or a checkbox For describing details about a document, or parts of a document A caption, or summary, inside the details element For grouping a section of stand-alone content, could be a video The caption of the figure section For a footer of a document or section, could include the name of the author, the date of the document, contact information, or copyright information For an introduction of a document or section, could include navigation For a section of headings, using <h1> to <h6>, where the largest is the main heading of the section, and the others are sub-headings For text that should be highlighted For a measurement, used only if the maximum and minimum values are known For a section of navigation The state of a work in progress For ruby annotation (Chinese notes or characters) For explanation of the ruby annotation What to show browsers that do not support the ruby element For a section in a document. Such as chapters, headers, footers, or any other sections of the document For defining a time or a date, or both
SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with
New Media Elements

HTML 5 provides a new standard for media content: Tag <audio> <video> <source> <embed> Description For multimedia content, sounds, music or other audio streams For video content, such as a movie clip or other video streams For media resources for media elements, defined inside video or audio elements For embedded content, such as a plug-in
The Canvas Element

The canvas element uses JavaScript to make drawings on a web page. Tag <canvas> Description For making graphics with a script
http://www.w3schools.com/html5/html5_new_elements.asp
Page 1 / 2
New Form Elements

HTML5 offers more form elements, with more functionality: Tag <datalist> <keygen> <output> Description A list of options for input values Generate keys to authenticate users For different types of output, such as output written by a script
New Input Type Attribute Values

Also, the input element's type attribute has many new values, for better input control before sending it to the server: Type tel search url email datetime date month week time datetime-local number range color Description The input value is of type telephone number The input field is a search field The input value is a URL The input value is one or more email addresses The input value is a date and/or time The input value is a date The input value is a month The input value is a week The input value is of type time The input value is a local date/time The input value is a number The input value is a number in a given range The input value is a hexadecimal color, like #FF8800
Previous
Next Chapter
Free Online Website Builder - No Downloading Needed

Create a free Flash website with our simple, online web design editing platform. Stunning templates and user-friendly tools make website building easy and fun. Start Creating your free website now!
AltovaMissionKit- Integrated Suite of XML Tools
The Altova MissionKit is an integrated suite of tools ideal for:

l l l l l
XML development Web & Web services development Data mapping & integration Rendering & publishing XML & database data XBRL validation, taxonomy editing, transformation & rendering
The MissionKit for XML Developers includes XMLSpy- the industry-leading XML editor; MapForce- a graphical data mapping, conversion, and integration tool; StyleVision- a visual XSLT stylesheet designer; DiffDog- an XML-aware diff/merge tool; and 2 additional tools. Try all 6 products free for 30 days! Download a fully-functional free trial
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/html5_new_elements.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML5 Video
Many modern websites shows videos. HTML5 provides a standard for showing them. Check if your browser supports HTML5 video Check
UK Reseller Hosting Web Hosting FREE Web Hosting Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial!
HTML5 Forms
HTML5 Reference
Video on the Web

Until now, there has never been a standard for showing video on a web page. Today, most videos are shown through a plugin (like flash). However, not all browsers have the same plugins. HTML5 specifies a standard way to include video, with the video element.
FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS
HTML5 Tags
Video Formats
Currently, there are 2 supported video formats for the video element:
New Books: HTML, CSS JavaScript, and Ajax STATISTICS
Format Ogg MPEG 4

l l
IE 8 No No
Firefox 3.5 Yes No
Opera 10.5 Yes No
Chrome 3.0 Yes Yes
Safari 3.0 No Yes
Browser Statistics Browser OS Browser Display SHARE THIS PAGE
Ogg = Ogg files with Thedora video codec and Vorbis audio codec MPEG4 = MPEG 4 files with H.264 video codec and AAC audio codec
Share with
How It Works
To show a video in HTML5, this is all you need:
<video src="movie.ogg" controls="controls"> </video>
The control attribute is for adding play, pause, and volume controls. It is also always a good idea to include the width and height attributes. Insert content between the <video> and </video> tags for browsers that do not support the video element:
Example
<video src="movie.ogg" width="320" height="240" controls="controls"> Your browser does not support the video tag. </video>
Try it yourself
The example above uses an Ogg file, and will work in Firefox, Opera and Chrome. To make the video work in Safari, the video file must be of type MPEG4. The video element allows multiple source elements. Source elements can link to different video files. The browser will use the first recognized format:
Example
<video width="320" height="240" controls="controls">
http://www.w3schools.com/html5/html5_video.asp
Page 1 / 2
<sourcesrc="movie.ogg"type="video/ogg"/> <sourcesrc="movie.mp4"type="video/mp4"/> Your browser does not support the video tag. </video>
Try it yourself
Internet Explorer
Internet Explorer 8 does not support the video element. In IE 9, there will be support for video element using MPEG4.
All <video> Attributes

Attribute autoplay controls height loop preload src width Value autoplay controls pixels loop preload url pixels Description Specifies that the video will start playing as soon as it is ready Specifies that controls will be displayed, such as a play button. Specifies the height of the video player Specifies that the media file will start over again, every time it is finished. Specifies that the video will be loaded at page load, and ready to run. Ignored if "autoplay" is present. Specifies that the URL of the video to play Specifies the width of the video player
Previous
Next Chapter
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/html5_video.asp
Page 2 / 2

Search Forum
About
YOUR FREE WEBSITE Free Flash Website Free Website Builder Free Web Design
HTML5 Tutorial
HTML5 Audio
Previous
HTML5 provides a standard for playing audio.
Next Chapter
PHP MySQL Hosting Top 10 Web Hosting UK Reseller Hosting Web Hosting FREE Web Hosting
HTML5 Forms
Audio on the Web

Until now, there has never been a standard for playing audio on a web page. Today, most audio are played through a plugin (like flash). However, not all browsers have the same plugins. HTML5 specifies a standard way to include audio, with the audio element. The audio element can play sound files, or an audio stream.
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS
HTML5 Reference
HTML5 Tags
Audio Formats
Currently, there are 3 supported formats for the audio element: Format Ogg Vorbis MP3 Wav IE 8 No No No Firefox 3.5 Yes No Yes Opera 10.5 Yes No Yes Chrome 3.0 Yes Yes No Safari 3.0 No Yes Yes
Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with
How It Works
To play an audio file in HTML5, this is all you need:
<audio src="song.ogg" controls="controls"> </audio>
The control attribute is for adding play, pause, and volume controls. Insert content between the <audio> and </audio> tags for browsers that do not support the audio element:
Example
<audio src="song.ogg" controls="controls"> Your browser does not support the audio element. </audio>
Try it yourself
The example above uses an Ogg file, and will work in Firefox, Opera and Chrome. To make the audio work in Safari, the audio file must be of type MP3 or Wav. The audio element allows multiple source elements. Source elements can link to different audio files. The browser will use the first recognized format:
Example
<audio controls="controls"> <sourcesrc="song.ogg"type="audio/ogg"/> <sourcesrc="song.mp3"type="audio/mpeg"/> Your browser does not support the audio element. </audio>
Try it yourself
http://www.w3schools.com/html5/html5_audio.asp
Page 1 / 2
Internet Explorer
Internet Explorer 8 does not support the audio element. In IE 9, there will be support for audio element.
All <audio> Attributes

Attribute autoplay controls loop preload src Value autoplay controls loop preload url Description Specifies that the audio will start playing as soon as it is ready. Specifies that controls will be displayed, such as a play button. Specifies that the audio will start playing again (looping) when it reaches the end Specifies that the audio will be loaded at page load, and ready to run. Ignored if autoplay is present. Specifies the URL of the audio to play
Previous
Next Chapter
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/html5_audio.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML5 Canvas
Previous
The canvas element is used to draw graphics on a web page.
Next Chapter
PHP MySQL Hosting Top 10 Web Hosting UK Reseller Hosting Web Hosting FREE Web Hosting Top Web Hosting
HTML5 Forms
What is Canvas?
The HTML5 canvas element uses JavaScript to draw graphics on a web page. A canvas is a rectangular area, and you control every pixel of it. The canvas element has several methods for drawing paths, boxes, circles, characters, and adding images.
$0 Doteasy Web Hosting WEB BUILDING Download XML Editor FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS
HTML5 Reference
HTML5 Tags
Create a Canvas Element

Add a canvas element to the HTML5 page. Specify the id, width, and height of the element:
Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE
<canvas id="myCanvas" width="200" height="100"></canvas>
Draw With JavaScript

The canvas element has no drawing abilities of its own. All drawing must be done inside a JavaScript:
Share with
<script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.fillStyle="#FF0000"; cxt.fillRect(0,0,150,75); </script>

Try it yourself
JavaScript uses the id to find the canvas element:
var c=document.getElementById("myCanvas");
Then, create a context object:
var cxt=c.getContext("2d");
The getContext("2d") object is a built-in HTML5 object, with many methods to draw paths, boxes, circles, characters, images and more. The next two lines draws a red rectangle:
cxt.fillStyle="#FF0000"; cxt.fillRect(0,0,150,75);
The fillStyle method makes it red, and the fillRect method specifies the shape, position, and size.
Understanding Coordinates
The fillRect method above had the parameters (0,0,150,75).
http://www.w3schools.com/html5/html5_canvas.asp
Page 1 / 3
This means: Draw a 150x75 rectangle on the canvas, starting at the top left corner (0,0). The canvas' X and Y coordinates are used to position drawings on the canvas. Mouse over the rectangle below to see the coordinates: X
More Canvas Examples

Below are more examples of drawing on the canvas element:
Example - Line
Draw a line by specifying where to start, and where to stop:
Try it yourself
Example - Circle
Draw a circle by specifying the size, color, and position:
Try it yourself
Example - Gradient
Draw a gradient background with the colors you specify:
Try it yourself
Example - Image
Put an image on the canvas:
Try it yourself
Previous
Next Chapter

l l l l l l l l l l l
XML editor Graphical XML Schema / DTD editors XSLT 1.0/2.0 editor, debugger, profiler XQuery editor, debugger, profiler XBRL validator, taxonomy editor, taxonomy wizard Support for Office Open XML (OOXML) Graphical WSDL 1.1/2.0 editor & SOAP debugger JSON editing & conversion Java, C#, C++ code generation 32-bit and 64-bit versions And much more!
Page 2 / 3
HOME
| TOP
| PRINT
| FORUM
ABOUT
Page 3 / 3

Search Forum
About
HTML5 Tutorial
HTML5 Input Types

HTML5 New Input Types

HTML5 has several new input types for forms. These new features allow for better input control and validation. This chapter covers the new input types:
l l l l l l l
UK Reseller Hosting Web Hosting FREE Web Hosting Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING
HTML5 Forms
HTML5 Reference
HTML5 Tags HTML5 Attributes HTML5 Events email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color
Download XML Editor FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS
HTML5 Tags
Browser Support
Input type email url number range Date pickers search color IE No No No No No No No Firefox No No No No No No No Opera 9.0 9.0 9.0 9.0 9.0 No No Chrome No No No 4.0 No No No Safari No No No 4.0 No No No
Note: Opera has the best support for the new input types. However, you can already start using them in all major browsers. If they are not supported, they will be behave as regular text fields.
Input Type - email

The email type is used for input fields that should contain an e-mail address. The value of the email field is automatically validated when the form is submitted.
Example
E-mail: <input type="email" name="user_email" />
Try it yourself
Tip: Safari on the iPhone recognizes the email input type, and changes the on-screen keyboard to match it (adds @ and .com options).
Input Type - url

The url type is used for input fields that should contain a URL address. The value of the url field is automatically validated when the form is submitted.
Example
Homepage: <input type="url" name="user_url" />
Try it yourself
Tip: Safari on the iPhone recognizes the url input type, and changes the on-screen keyboard to match it (adds .com option).
http://www.w3schools.com/html5/html5_form_input_types.asp
Page 1 / 3
Input Type - number

The number type is used for input fields that should contain a numeric value. You can also set restrictions on what numbers are accepted:
Example
Points: <input type="number" name="points" min="1" max="10" />
Try it yourself
Use the following attributes to specify restrictions for the number type: Attribute max min step value Value number number number number Description Specifies the maximum value allowed Specifies the minimum value allowed Specifies legal number intervals (if step="3", legal numbers could be -3,0,3,6, etc) Specifies the default value
Try an example with all the restriction attributes: Try it yourself Tip: Safari on the iPhone recognizes the number input type, and changes the on-screen keyboard to match it (shows numbers).
Input Type - range

The range type is used for input fields that should contain a value from a range of numbers. The range type is displayed as a slider bar. You can also set restrictions on what numbers are accepted:
Example
<input type="range" name="points" min="1" max="10" />
Try it yourself
Use the following attributes to specify restrictions for the range type: Attribute max min step value Value number number number number Description Specifies the maximum value allowed Specifies the minimum value allowed Specifies legal number intervals (if step="3", legal numbers could be -3,0,3,6, etc) Specifies the default value
Input Type - Date Pickers

HTML5 has several new input types for selecting date and time:
l l l l l l
date - Selects date, month and year month - Selects month and year week - Selects week and year time - Selects time (hour and minute) datetime - Selects time, date, month and year (UTC time) datetime-local - Selects time, date, month and year (local time)
The following example allows you to select a date from a calendar:
Example
Date: <input type="date" name="user_date" />
Try it yourself
Input type "month": Try it yourself Input type "week": Try it yourself Input type "time": Try it yourself
Page 2 / 3
Input type "datetime": Try it yourself Input type "datetime-local": Try it yourself
Input Type - search

The search type is used for search fields, like a site search, or Google search. The search field behaves like a regular text field.
Previous
Next Chapter


l l l l l
HOME
| TOP
| PRINT
| FORUM
ABOUT
Page 3 / 3

Search Forum
About
HTML5 Tutorial
HTML5 Form Elements

HTML5 New Form Elements

HTML5 has several new elements and attributes for forms. This chapter covers the new form elements:
l l l
UK Reseller Hosting Web Hosting FREE Web Hosting Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates
HTML5 Forms
HTML5 Reference
datalist keygen output
HTML5 Tags
Browser Support
Attribute datalist keygen output IE No No No Firefox No No No Opera 9.5 10.5 9.5 Chrome No 3.0 No Safari No No No
SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS
datalist Element
The datalist element specifies a list of options for an input field. The list is created with option elements inside the datalist. To bind a datalist to an input field, let the list attribute of the input field refer to the id of the datalist:
New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with
Example
Webpage: <input type="url" list="url_list" name="link" /> <datalist id="url_list"> <option label="W3Schools" value="http://www.w3schools.com" /> <option label="Google" value="http://www.google.com" /> <option label="Microsoft" value="http://www.microsoft.com" /> </datalist>
Try it yourself
Tip: The option elements should always have a value attribute.
keygen Element
The purpose of the keygen element is to provide a secure way to authenticate users. The keygen element is a key-pair generator. When a form is submitted, two keys are generated, one private and one public. The private key is stored on the client, and the public key is sent to the server. The public key could be used to generate a client certificate to authenticate the user in the future. Currently, the browser support for this element is not good enough to be a useful security standard.
Example
<form action="demo_form.asp" method="get"> Username: <input type="text" name="usr_name" /> Encryption: <keygen name="security" /> <input type="submit" /> </form>
Try it yourself
http://www.w3schools.com/html5/html5_form_elements.asp
Page 1 / 2
output Element
The output element is used for different types of output, like calculations or script output:
Example
<output id="result" onforminput="resCalc()"></output>
Try it yourself
Previous
Next Chapter
Stylus StudioXML Development Environment
Stylus Studio2010 XML Enterprise Suite raises the bar for productivity in XML development tools. Millions of XML developers and data integration specialists turn to Stylus Studio's comprehensive and intuitive XML toolset to tackle today's advanced XML data transformation and aggregation challenges. XML Pipeline Editor, Debugger and Code Generator DataDirect XML Converters XQuery Mapper, Editor, Debugger, and Profiler XSLT Mapper, Editor, Debugger, Designer, and Profiler Java and C# for .Net Code Generation XML Schema Designer With Documentation Generator XML Editor With Full XPath Integration Download a free trial now
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/html5_form_elements.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML5 Form Attributes

HTML5 New Form Attributes

This chapter covers some of the new attributes for <form> and <input>.
UK Reseller Hosting Web Hosting FREE Web Hosting Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates
HTML5 Forms
HTML5 Input Types HTML5 Form Elements New form attributes: HTML5 Form Attributes
HTML5 Reference
l l
autocomplete novalidate
New input attributes:

HTML5 Tags
autocomplete autofocus form form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget) height and width list min, max and step multiple pattern (regexp) placeholder required
SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax
Browser Support
Attribute autocomplete autofocus form form overrides height and width list min, max and step multiple novalidate pattern placeholder required IE 8.0 No No No 8.0 No No No No No No No Firefox 3.5 No No No 3.5 No No 3.5 No No No No Opera 9.5 10.0 9.5 10.5 9.5 9.5 9.5 No No 9.5 No 9.5 Chrome 3.0 3.0 No No 3.0 No 3.0 3.0 No 3.0 3.0 3.0 Safari 4.0 4.0 No No 4.0 No No 4.0 No No 3.0 No
STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with
autocomplete Attribute
The autocomplete attribute specifies that the form or input field should have an autocomplete function. Note: The autocomplete attribute works with <form>, and the following <input> types: text, search, url, telephone, email, password, datepickers, range, and color. When the user starts to type in an autocomplete field, the browser should display options to fill in the field:
Example
<form action="demo_form.asp" method="get" autocomplete="on"> First name: <input type="text" name="fname" /><br /> Last name: <input type="text" name="lname" /><br /> E-mail: <input type="email" name="email" autocomplete="off" /><br /> <input type="submit" /> </form>
Try it yourself
Note: In some browsers you may need to activate the autocomplete function for this to work.
http://www.w3schools.com/html5/html5_form_attributes.asp
Page 1 / 4
autofocus Attribute
The autofocus attribute specifies that a field should automatically get focus when a page is loaded. Note: The autofocus attribute works with all <input> types.
Example
User name:<inputtype="text"name="user_name"autofocus="autofocus"/>
Try it yourself
form Attribute
The form attribute specifies one or more forms the input field belongs to. Note: The form attribute works with all <input> types. The form attribute must refer to the id of the form it belongs to:
Example
<form action="demo_form.asp" method="get" id="user_form"> First name:<input type="text" name="fname" /> <input type="submit" /> </form> Last name: <input type="text" name="lname" form="user_form" />
Try it yourself
Note: To refer to more than one form, use a space-separatedlist.
Form Override Attributes

The form override attributes allow you to override some of the attributes set for the form element. The form override attributes are:
l l l l l
formaction - Overrides the form action attribute formenctype - Overrides the form enctype attribute formmethod - Overrides the form method attribute formnovalidate - Overrides the form novalidate attribute formtarget - Overrides the form target attribute
Note: The form override attributes works with the following <input> types: submit and image.
Example
<form action="demo_form.asp" method="get" id="user_form"> E-mail: <input type="email" name="userid" /><br /> <input type="submit" value="Submit" /> <br /> <input type="submit" formaction="demo_admin.asp" value="Submit as admin" /> <br /> <input type="submit" formnovalidate="true" value="Submit without validation" /> <br /> </form>
Try it yourself
Note: These attributes are helpful for creating different submit buttons.
height and width Attributes

The height and width attributes specifies the height and width of the image used for the input type image. Note: The height and width attributes only works with <input> type: image.
Example
<input type="image" src="img_submit.gif" width="24" height="24" />
Page 2 / 4
Try it yourself
list Attribute
The list attribute specifies a datalist for an input field. A datalist is a list of options for an input field. Note: The list attribute works with the following <input> types: text, search, url, telephone, email, date pickers, number, range, and color.
Example
Webpage: <input type="url" list="url_list" name="link" /> <datalist id="url_list"> <option label="W3Schools" value="http://www.w3schools.com" /> <option label="Google" value="http://www.google.com" /> <option label="Microsoft" value="http://www.microsoft.com" /> </datalist>
Try it yourself
min, max and step Attributes

The min, max and step attributes are used to specify restrictions for input types containing numbers or dates. The max attribute specifies the maximum value allowed for the input field. The min attribute specifies the minimum value allowed for the input field. The step attribute specifies the legal number intervals for the input field (if step="3", legal numbers could be -3,0,3,6, etc). Note: The min, max, and step attributes works with the following <input> types: date pickers, number, and range. The example below shows a numeric field that accepts values between 0 and 10, with a step of 3 (legal numbers are 0, 3, 6 and 9):
Example
Points: <input type="number" name="points" min="0" max="10" step="3" />
Try it yourself
multiple Attribute
The multiple attribute specifies that multiple values can be selected for an input field. Note: The multiple attribute works with the following <input> types: email, and file.
Example
Select images: <input type="file" name="img" multiple="multiple" />
Try it yourself
novalidate Attribute
The novalidate attribute specifies that the form or input field should not be validated when submitted. Note: The novalidate attribute works with: <form> and the following <input> types: text, search, url, telephone, email, password, date pickers, range, and color.
Example
<form action="demo_form.asp" method="get" novalidate="true"> E-mail: <input type="email" name="user_email" /> <input type="submit" /> </form>
Try it yourself
Page 3 / 4
pattern Attribute
The pattern attribute specifies a pattern used to validate an input field. The pattern is a regular expression. You can read about this in our JavaScript tutorial. Note: The pattern attribute works with the following <input> types: text, search, url, telephone, email, and password The example below shows a text field that can only contain three letters (no numbers or special characters):
Example
Country code: <input type="text" name="country_code" pattern="[A-z]{3}" title="Three letter country code" />
Try it yourself
placeholder Attribute
The placeholder attribute provides a hint that describes the expected value of an input field. Note: The placeholder attribute works with the following <input> types: text, search, url, telephone, email, and password The hint is displayed in the input field when it is empty, and disappears when the field gets focus:
Example
<inputtype="search"name="user_search"placeholder="SearchW3Schools"/>
Try it yourself
required Attribute
The required attribute specifies that an input field must be filled out before submitting. Note: The required attribute works with the following <input> types: text, search, url, telephone, email, password, date pickers, number, checkbox, radio, and file.
Example
Name: <input type="text" name="usr_name" required="required" />
Try it yourself
Previous
Next Chapter
HOME
| TOP
| PRINT
| FORUM
ABOUT
Page 4 / 4

Search Forum
About
BEST WEB HOSTING
HTML5 Tutorial
HTML 5 Tag Reference

Previous Next Reference
HTML 5
HTML 5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors. Some of the new features in HTML 5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML 5 also contains new elements like <nav>, <header>, <footer>, and <figure>. The HTML 5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and many hundreds of other vendors. Note: HTML 5 is not a W3C recommendation yet! To read about the HTML 5 activities at W3C, please read our W3C tutorial.
UK Reseller Hosting Web Hosting FREE Web Hosting Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with
HTML5 Forms
HTML5 Reference
HTML5 Tags
Ordered Alphabetically
New :NewtagsinHTML5. Tag  <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> New <aside> New <audio> New <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <canvas> New <caption> <center> <cite> <code> <col> <colgroup> <command> New <datalist> New <dd> <del> <details> New Defines a definition description Defines deleted text Defines details of an element Defines a dropdown list Defines a table caption Not supported in HTML 5. Defines a citation Defines computer code text Definesattributesfortablecolumns Defines groups of table columns Defines a command button Defines bold text Defines a base URL for all the links in a page Not supported in HTML 5. Defines the direction of text display Not supported in HTML 5. Defines a long quotation Defines the body element Inserts a single line break Defines a push button Defines graphics Defines sound content Defines content aside from the page content Description Defines a comment Defines the document type Defines a hyperlink Defines an abbreviation Not supported in HTML 5. Defines an address element Not supported in HTML 5. Defines an area inside an image map Defines an article
http://www.w3schools.com/html5/html5_reference.asp
Page 1 / 3
<dfn> <dir> <div> <dl> <dt> <em> <embed> New <fieldset> <figcaption> New <figure> New <font> <footer> New <form> <frame> <frameset> <h1> to <h6> <head> <header> New <hgroup> New <hr> <html> <i> <iframe> <img> <input> <ins> <keygen> New <kbd> <label> <legend> <li> <link> <map> <mark> New <menu> <meta> <meter> New <nav> New <noframes> <noscript> <object> <ol> <optgroup> <option> <output> New <p> <param> <pre> <progress> New <q> <rp> <rt> New <ruby> New <s> <samp> <script> <section> New
Definesadefinitionterm Not supported in HTML 5. Defines a section in a document Defines a definition list Defines a definition term Definesemphasizedtext Defines external interactive content or plugin Defines a fieldset Defines the caption of a figure element Defines a group of media content, and their caption Not supported in HTML 5. Defines a footer for a section or page Definesaform Not supported in HTML 5. Not supported in HTML 5. Defines header 1 to header 6 Defines information about the document Defines a header for a section or page Defines information about a section in a document Defines a horizontal rule Defines an html document Defines italic text Defines an inline sub window (frame) Defines an image Defines an input field Defines inserted text Defines a generated key in a form Defines keyboard text Definesalabelforaformcontrol Defines a title in a fieldset Defines a list item Defines a resource reference Definesanimagemap Defines marked text Defines a menu list Defines meta information Defines measurement within a predefined range Defines navigation links Not supported in HTML 5. Defines a noscript section Defines an embedded object Defines an ordered list Defines an option group Defines an option in a drop-down list Defines some types of output Defines a paragraph Defines a parameter for an object Defines preformatted text Defines progress of a task of any kind Defines a short quotation Used in ruby annotations to define what to show browsers that to not New support the ruby element. Defines explanation to ruby annotations. Defines ruby annotations. Not supported in HTML 5. Defines sample computer code Defines a script Defines a section
Page 2 / 3
<select> <small> <source> New <span> <strike> <strong> <style> <sub> <summary> New <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> New <title> <tr> <tt> <u> <ul> <var> <video> New <xmp>
Defines a selectable list Defines small text Defines media resources Defines a section in a document Not supported in HTML 5. Defines strong text Defines a style definition Defines subscripted text Defines the header of a "detail" element Defines superscripted text Defines a table Defines a table body Defines a table cell Defines a text area Defines a table footer Defines a table header Defines a table header Defines a date/time Defines the document title Defines a table row Not supported in HTML 5. Not supported in HTML 5. Defines an unordered list Defines a variable Defines a video Not supported in HTML 5.
Previous
Next Reference
HOME
| TOP
| PRINT
| FORUM
ABOUT
Page 3 / 3

Search Forum
About
HTML5 Tutorial
HTML 5 Standard Attributes

The attributes listed below are supported by all HTML 5 tags, with a few exceptions.
UK Reseller Hosting Web Hosting FREE Web Hosting
HTML5 Forms
HTML 5 Standard Attributes

New :NewstandardattributesinHTML5. Attribute accesskey class contenteditable contextmenu New data-yourvalue New dir draggable ltr rtl true New false auto hidden New id item itemprop lang spellcheck style subject New tabindex title number text Specifies the tab order of an element. Specifies extra information about an element. id empty New url url New group value value Author defined attributes. Authors of a HTML document can define their own attributes. Must start with "data-". Specifies the text direction for the content in an element. Specifies whether or not a user is allowed to drag an element. Specifies that the element is not relevant. Hidden elements are not displayed. Specifies a unique id for an element. Used to group elements. Used to group items. Value character classname true New false menu_id Description Specifies a keyboard shortcut to access an element. Specifies a classname for an element (used to specify a class in a style sheet). Specifies if the user is allowed to edit the content or not. Specifies the context menu for an element.
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING Download XML Editor FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with
HTML5 Reference
HTML5 Tags
 Tag

Example
An HTML comment:
WEB HOSTING Best Web Hosting PHP MySQL Hosting Top 10 Web Hosting UK Reseller Hosting Web Hosting FREE Web Hosting
HTML5 Forms
 <p>This is a paragraph.</p>
Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING Download XML Editor FREE Flash Website
HTML5 Reference
HTML5 Tags
<!- -> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <keygen> <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <meta> <meter> <nav>
Definition and Usage

The comment tag is used to insert a comment in the source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date. You can also store program-specific information inside comments. In this case they will not be visible for the user, but they are still available to the program. A good practice is to comment the text inside scripts and style elements to prevent older browsers, that do not support scripting or styles, from showing it as plain text.
FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax
Differences Between HTML 4.01 and HTML 5

NONE
Standard Attributes
The comment tag does not support any standard attributes. More information about Standard Attributes.
Event Attributes
The comment tag does not support any event attributes. More information about Event Attributes.
Create Your Own Website Like a Pro

Start Creating a stunning, Flash website. It's easy and free! Wix.com offers you a simple, powerful, drag & drop editing platform to create stunning Flash websites, layouts, and more. With added e-commerce features such as search engine visibility and professional tools, Wix is the ultimate solution for creating a spectacular site.
W3Schools' Online Certification Program The perfect solution for professionals who need to balance work, family, and career building.
http://www.w3schools.com/html5/tag_comment.asp
Page 1 / 2
<noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <tt> <u> <ul> <var> <video> <xmp>
More than 5000 certificates already issued! The HTML Certificate documents your knowledge of HTML, XHTML, and CSS. The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. The XML Certificate documents your knowledge of XML, XML DOM and XSLT. The ASP Certificate documents your knowledge of ASP, SQL, and ADO. The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_comment.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <!DOCTYPE> Declaration

Example
An HTML 5 document with the correct doctype:
HTML5 Forms
HTML5 Reference
<!DOCTYPE HTML> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE
HTML5 Tags
 <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <keygen>
An unvisited link is underlined and blue A visited link is underlined and purple An active link is underlined and red

In HTML 4.01, the <a> tag could be either a hyperlink or an anchor. This was determined by the href attribute. In HTML 5, the <a> tag is always a hyperlink, but if it has no href attribute, it is only a placeholder for a hyperlink. HTML 5 has some new attributes, and some HTML 4.01 attributes are not supported in HTML 5.
Tips and Notes

Tip: The attributes: hreflang, media, ping, rel, target, and type attributes can not be present if the href attribute is not present. Tip: A linked page is normally displayed in the current browser window, unless you specify another target. Tip: Use CSS to style links.
Attributes
New :NewinHTML5. Attribute charset coords href hreflang media New name section_name Value char_encoding coordinates URL language_code media query Description Not supported in HTML 5 Not supported in HTML 5. The target URL of the link Specifies the base language of the target URL. Use only if the href attribute is present Specifies the mediatype of the target URL. Default value: all. Use only if the href attribute is present Not supported in HTML 5.
http://www.w3schools.com/html5/tag_a.asp
Page 1 / 3
<kbd> <label> <legend> <li> <link> <map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <tt> <u> <ul> <var> <video> <xmp>
ping New rel
URL
Space separated list of URL's that gets notified when a user follows the hyperlink. Use only if the href attribute is present Specifies the relationship between the current document and the target URL. Use only if the href attribute is present
alternate archives author bookmark contact external first help icon index last license next nofollow noreferrer pingback prefetch prev search stylesheet sidebar tag up text default rect circle poly _blank _parent _self _top
rev shape
Not supported in HTML 5. Not supported in HTML 5.
target
Where to open the target URL. Use only if the href attribute is present _blank - the target URL will open in a new window _self - the target URL will open in the same document as it was clicked l _parent - the target URL will open in the parent document l _top - the target URL will open in the full body of the window
l l
type New
mime_type
Specifies the MIME (Multipurpose Internet Mail Extensions) type of the target URL. Use only if the href attribute is present
Standard Attributes
The <a> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <a> tag also supports the Event Attributes in HTML 5.
1,050,724 Sites built with Wix. Make your own!

Click here to design a Stunning Flash Website for Free Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free. With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
Page 2 / 3
Page 3 / 3

Search Forum
About
HTML5 Tutorial
HTML 5 <abbr> Tag

Example
An abbreviation is marked up as follows:
HTML5 Forms
The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.

Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial!
HTML5 Reference

The <abbr> tag indicates an abbrevation or an acronym, like "WWW" or "NATO". By marking up abbreviations you can give useful information to browsers, spell checkers, translation systems and search-engine indexers.
HTML5 Tags

NONE
Tips and Notes

Tip: In some browsers the title attribute can be used to show the full version of the expression when you are holding the mouse over the abbreviation.
Standard Attributes
The <abbr> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <abbr> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_abbr.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_abbr.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
The <acronym> Tag. Not Supported in HTML 5.

The <acronym> tag is not supported in HTML 5. Use the <abbr> tag instead.
HTML5 Forms
HTML5 Input Types HTML5 Form Elements HTML5 Form Attributes The <acronym> tag was used to define acronyms in HTML 4.01. An acronym can be spoken as if it were a word, example NATO, NASA, ASAP, GUI.
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with
HTML5 Reference
HTML5 Tags
http://www.w3schools.com/html5/tag_acronym.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_acronym.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <address> Tag

Example
Contact information for W3Schools.com:
HTML5 Forms
HTML5 Reference
<address> Written by W3Schools.com<br /> <a href="mailto:us@example.org">Email us</a><br /> Address: Box 564, Disneyland<br /> Phone: +12 34 56 78 </address>
Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING Download XML Editor FREE Flash Website FREE Web Templates SEO Company
HTML5 Tags

The <address> tag defines the contact information for the author or owner of a document. If the <address> element is inside an <article> element, it represents the contact information of the author/owner of that article.
US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS

HTML 4.01 does not support the <article> tag, so in HTML 4.01 the <address> tag always defines the contact information of the document's author/owner.
Tips and Notes

Note: The <address> tag should NOT be used to describe a postal address, unless it is a part of the contact information. Note: The address usually renders in italic. Most browsers will add a line break before and after the address element.
Share with
Standard Attributes
The <address> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <address> tag also supports the Event Attributes in HTML 5.

http://www.w3schools.com/html5/tag_address.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_address.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
The <applet> Tag. Not Supported in HTML 5.

The <applet> tag is not supported in HTML 5. Use the <object> tag instead.
HTML5 Forms
HTML5 Input Types HTML5 Form Elements HTML5 Form Attributes The <applet> tag was used to define an embedded applet.
HTML5 Reference
HTML5 Tags
W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS
http://www.w3schools.com/html5/tag_applet.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_applet.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <area> Tag

Example
An image-map, with clickable areas:
HTML5 Forms
<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" /> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /> </map>
Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING Download XML Editor FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS
HTML5 Reference
HTML5 Tags
 <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <keygen> <kbd> <label> <legend> <li> <link> <map> <mark> <menu>

The <aside> tag defines some content aside from the content it is placed in. The aside content should be related to the surrounding content.
FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with

The <aside> tag is new in HTML 5.
Tips and Notes

Tip: The <aside> content could be placed as a sidebar in an article.
Standard Attributes
The <aside> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <aside> tag also supports the Event Attributes in HTML 5.


l l l l l
http://www.w3schools.com/html5/tag_aside.asp
Page 1 / 2
<meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <tt> <u> <ul> <var> <video> <xmp>
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_aside.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <audio> Tag

Example
<audio src="horse.ogg" controls="controls"> Your browser does not support the audio element. </audio>
Try it yourself
WEB HOSTING Best Web Hosting PHP MySQL Hosting Top 10 Web Hosting UK Reseller Hosting Web Hosting FREE Web Hosting Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING
HTML5 Forms
HTML5 Reference

The <audio> tag defines sound, such as music or other audio streams.
XML Editor Free Trial! FREE Flash Website FREE Web Templates SEO Company US Web Design Schools
HTML5 Tags

The <audio> tag is new in HTML 5.
Tips and Notes

Tip: You can write text inside the start and end audio tags, to show older browser that they do not support this tag.
Attributes
New :NewinHTML5. Attribute autoplay New controls New preload New src New url preload controls Value autoplay Description If present, the audio will start playing as soon as it is ready. If present, controls will be displayed, such as a play button. If present, the audio will be loaded at page load, and ready to run. Ignored if autoplay is present. Defines the URL of the audio to play
Standard Attributes
The <audio> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <audio> tag also supports the Event Attributes in HTML 5.

http://www.w3schools.com/html5/tag_audio.asp
Page 1 / 2
l l l l l l
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_audio.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <b> Tag

Example
<p>It was a <b>red</b> house with a <b>blue</b> door.</p>
Try it yourself
WEB HOSTING Best Web Hosting PHP MySQL Hosting Top 10 Web Hosting UK Reseller Hosting Web Hosting FREE Web Hosting Top Web Hosting $0 Doteasy Web Hosting
HTML5 Forms
HTML5 Reference

The <b> tag makes text bold. The <b> tag is used to highlight parts of a text.
WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates SEO Company US Web Design Schools
HTML5 Tags

None
Tips and Notes

If you want to mark words in a text as more important than the rest, you should use the <strong> tag instead.
New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display
Standard Attributes
The <b> tag also supports the Standard Attributes in HTML 5.
SHARE THIS PAGE Share with
Event Attributes
The <b> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_b.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_b.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <base> Tag

Example
Specify a default URL and a default target for all links on a page:
HTML5 Forms
<head> <base href="http://www.w3schools.com/css/" target="_blank" /> </head> <body> <a href="default.asp">W3Schools' CSS Tutorial</a> </body>
Try it yourself
HTML5 Reference
HTML5 Tags

The <base> tag specifies a default URL, and/or a default target, for all elements with a URL (hyperlinks, images, forms, etc.). The <base> tag must go inside the head element.
W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax

None
STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE
Tips and Notes

Tip: Put the <base> tag as the first element in the head element, so that other elements in the head section uses the information from the <base> element. Note: Maximum one <base> element in a document.
Share with
Attributes
Attribute href target Value URL _blank _parent _self _top Description Specifies the URL to use as the base URL for links in the page Where to open all the links on the page. This attribute can be overridden by using the target attribute in each link. _blank - all the links will open in new windows _self - all the links will open in the same frame they where clicked l _parent - all the links will open in the parent frameset l _top - all the links will open in the full body of the window
l l
Standard Attributes and Events

NONE
http://www.w3schools.com/html5/tag_base.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_base.asp
Page 2 / 2

Search Forum
About
BEST WEB HOSTING
HTML5 Tutorial
The <basefont> Tag. Not Supported in HTML 5.

The <basefont> tag is not supported in HTML 5. Use CSS instead.
HTML5 Forms
HTML5 Input Types HTML5 Form Elements HTML5 Form Attributes The <basefont> tag was used to define a default font-color, font-size, or font-family for all the text in a document.
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING
HTML5 Reference

Download XML Editor FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS
HTML5 Tags
Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax

l l l l l
http://www.w3schools.com/html5/tag_basefont.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_basefont.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <bdo> Tag

Example
Specify the text direction:
HTML5 Forms
<bdo dir="rtl"> Here is some Hebrew text that should be written from right-to-left. </bdo>
Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website
HTML5 Reference
HTML5 Tags

bdo stands for bidirectional override. The <bdo> tag allows you to specify the text direction and override the bidirectional algorithm.
FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP

NONE
W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS
Attributes
Attribute dir Value ltr rtl Description Defines the text direction. This attribute is required
Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with
Standard Attributes
The <bdo> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <bdo> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_bdo.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_bdo.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
The <big> Tag. Not Supported in HTML 5.

The <big> tag is not supported in HTML 5. Use CSS instead.
HTML5 Forms
HTML5 Input Types HTML5 Form Elements HTML5 Form Attributes The <big> tag was used to make text bigger.
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING Download XML Editor FREE Flash Website FREE Web Templates SEO Company US Web Design Schools
HTML5 Reference
HTML5 Tags

http://www.w3schools.com/html5/tag_big.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_big.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <blockquote> Tag

Example
A block of quotation is marked up as follows:
HTML5 Forms
HTML5 Reference
Here is a quote from WWF's website: <blockquote cite="http://www.wwf.org"> WWF's ultimate goal is to build a future where people live in harmony with nature. </blockquote>
Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates SEO Company
HTML5 Tags
 <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <keygen> <kbd> <label> <legend> <li> <link>

NONE
Tips and Notes

Tip: Use it together with the <ins> tag to describe updates and modifications in a document.
Attributes
Attribute cite datetime Value URL yyyy/mm/dd Description Defines a URL to another document which explains why the text was deleted or inserted Defines the date and time the text was deleted
Share with
Standard Attributes
The <del> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <del> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_del.asp
Page 1 / 2
<map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <tt> <u> <ul> <var> <video> <xmp>
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_del.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <details> Tag

Example
Details about the document:
HTML5 Forms
<details>This document was written in 2009.</details>

Try it yourself
HTML5 Reference

The <details> tag is used to describe details about a document, or parts of a document.
HTML5 Tags

The <details> tag is new in HTML 5
Tips and Notes

Tip: Use it together with the <summary> tag to make your own header for the details. The header is visible, and could show the details when the user clicks on the header. Note: The details element can be used to describe any parts of your document.
Attributes
New :NewinHTML5. Attribute open New Value Description open Defines if the details should be visible (present) or not (not present).
Share with
Standard Attributes
The <details> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <details> tag also supports the Event Attributes in HTML 5.

http://www.w3schools.com/html5/tag_details.asp
Page 1 / 2
l l l l l l
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_details.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
The <dir> Tag. Not Supported in HTML 5.

The <dir> tag is not supported in HTML 5. Use the <ul> tag instead.
HTML5 Forms
HTML5 Input Types HTML5 Form Elements HTML5 Form Attributes The <dir> tag was used to define a directory list.
HTML5 Reference
HTML5 Tags

http://www.w3schools.com/html5/tag_dir.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_dir.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <div> Tag

Example
A section in a document that will be displayed in green:
HTML5 Forms
HTML5 Reference
<div style="color:#00FF00"> <h3>Thisisaheader</h3> <p>Thisisaparagraph.</p> </div>

Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates
HTML5 Tags

The <div> tag defines a division or a section in an HTML document. The <div> tag is often used to group block-elements to format them with styles.
SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE

The "align" attribute is deprecated in HTML 4.01, and not supported in HTML 5. Use CSS to align the div's content.
Tips and Notes

Tip: The div element is very often used with CSS to layout a web page. Note: Browsers usually place a line break before and after the div element.
Share with
Standard Attributes
The <div> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <div> tag also supports the Event Attributes in HTML 5.
Need an easy way to get data into XML, or transform XML to another format? MapForce lets you map XML data to/from any combination of XML, database, flat file, Excel 2007, XBRL, or Web services data. Then it transforms data instantly or auto-generates royalty-free code for recurrent conversions. New features in Version 2010!
http://www.w3schools.com/html5/tag_div.asp
Page 1 / 2
Easy-to-use, graphical data mapping interface Instant data transformation XSLT 1.0/2.0 and XQuery code generation Java, C#, and C++ code generation Advanced data processing functions Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more l Visual Studio & Eclipse integration l Available in 32-bit and 64-bit versions
l l l l l l
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_div.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <dl> Tag

Example
HTML5 Forms
HTML5 Reference
Try it yourself
HTML5 Tags

The <dl> tag defines a definition list. The <dl> tag is used in conjunction with <dt> (defines the item in the list) and <dd> (describes the item in the list).

NONE
Standard Attributes
The <dl> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <dl> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_dl.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_dl.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <dt> Tag

Example
HTML5 Forms
HTML5 Reference
Try it yourself
HTML5 Tags

The <dt> tag defines the start of a term in a definition list. The <dt> tag defines items in the list, and the <dd> tag describes the items

NONE.
Standard Attributes
The <dt> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <dt> tag also supports the Event Attributes in HTML 5.
l l l l l l
http://www.w3schools.com/html5/tag_dt.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_dt.asp
Page 2 / 2

Search Forum
About
BEST WEB HOSTING
HTML5 Tutorial
Example
HTML5 Forms
HTML5 Reference
HTML5 Tags
Try it yourself


Standard Attributes
Event Attributes

Page 1 / 2

l l l l l
HOME
| TOP
| PRINT
| FORUM
ABOUT
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <embed> Tag

Example
<embed src="helloworld.swf" />
Try it yourself
HTML5 Forms
HTML5 Reference

The <embed> tag defines embedded content, such as a plug-in.
WEB BUILDING Download XML Editor FREE Flash Website FREE Web Templates SEO Company
HTML5 Tags

The <embed> tag is new in HTML 5
US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP
Tips and Notes

Tip: You can NOT write text between the start and end tags, to show older browser that they do not support this tag, like for <audio> and <video>.
Attributes
New :NewinHTML5. Attribute height New src New type New width New pixels Sets the width of the embedded content type Defines the type of the embedded content url The URL of the embedded content Value pixels Description Sets the height of the embedded content
Standard Attributes
The <embed> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <embed> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_embed.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_embed.asp
Page 2 / 2

Search Forum
About
BEST WEB HOSTING
HTML5 Tutorial
HTML 5 <fieldset> Tag

Example
Group related elements in a form:
HTML5 Forms
HTML5 Reference
<form> <fieldset> <legend>Personalia:</legend> Name: <input type="text" /><br /> Email: <input type="text" /><br /> Date of birth: <input type="text" /> </fieldset> </form>
Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING Download XML Editor FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS
HTML5 Tags

The <fieldset> tag is used to logically group together elements in a form. The <fieldset> tag draws a box around the related form elements. The <legend> tag defines a caption for the fieldset element.
Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS

HTML 5 has the attributes disabled, form, and name, which was not supported in HTML 4.01.
Tips and Notes

Note: You can disable a fieldset with the new attribute: disabled. Tip: Use the <legend> element to add a caption to the fieldset.
Attributes
New :NewinHTML5. Attribute disabled New form New name New value Defines the name of the fieldset formname Defines one ore more forms the fieldset belongs to Value disabled Description Defines if the fieldset is visible or not
Standard Attributes
The <fieldset> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <fieldset> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_fieldset.asp
Page 1 / 2

HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_fieldset.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <figcaption> Tag

Example
A section in a document, describing WWF:
HTML5 Forms
HTML5 Reference
<figure> <figcaption>WWF</figcaption> <p>TheWorldWildlifeFoundationwasbornin1961...</p> </figure>

Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING Download XML Editor FREE Flash Website FREE Web Templates
HTML5 Tags

The <figcaption> tag contains a caption for the "figure" element. The "figcaption" element should be placed as the first or the last child of the "figure" element.
SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS

The <figcaption> tag is new in HTML 5
Tips and Notes

Note: The "figcaption" element should be placed as the first or the last child of the "figure" element.
Standard Attributes
The <figcaption> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <figcaption> tag also supports the Event Attributes in HTML 5.


l l l l l
http://www.w3schools.com/html5/tag_figcaption.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_figcaption.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <figure> Tag

Example
A section in a document, explaining what WWF is:
HTML5 Forms
HTML5 Reference
<figure> <h1>WWF</h1> <p>TheWorldWildlifeFoundationwasbornin1961...</p> </figure>

Try it yourself
HTML5 Tags
 <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <keygen> <kbd> <label> <legend>

The <link> tag defines the relationship between a document and an external resource. The <link> tag is most used to link to style sheets.

Some HTML 4.01 attributes are not supported in HTML 5. The "sizes" attribute is new in HTML 5.
W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE
Tips and Notes

Note: The link element is an empty element, it contains attributes only. Note:Thiselementgoesonlyintheheadsection,butitcanappearanynumberoftimes.
Share with
Attributes
New :NewinHTML5. Attribute charset href hreflang media Value char_encoding URL language_code screen tty tv projection handheld print braille aural all Description Not supported in HTML 5 The target URL of the resource Defines the base language of the target URL Specifies on what device the document will be displayed screen tty For non-paged computer screens For media using a fixed-pitch character grid (like teletypes, terminals, or devices with limited display capabilities) For TV-type devices (low resolution, limited scrollability)
tv
projection For projectors handheld print braille aural all For handheld devices (small screen, limited bandwidth) For paged and for documents viewed on screen in print preview mode For braille tactile feedback devices For speech synthesizers For all devices
http://www.w3schools.com/html5/tag_link.asp
Page 1 / 2
<li> <link> <map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <tt> <u> <ul> <var> <video> <xmp>
rel
alternate archives author first help icon index last license next pingback prefetch prev search stylesheet sidebar tag up reversed relationship number New any _blank _self _top _parent frame_name MIME_type like: text/css text/javascript image/gif
Specifies the relationship between the current document and the target URL. Use only if the href attribute is present
rev sizes target
Not supported in HTML 5 Defines sizes of the linked resource. Can be used when rel="icon". Not supported in HTML 5
type
Specifies the MIME type of the target URL
Standard Attributes
The <link> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <link> tag also supports the Event Attributes in HTML 5.
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_link.asp
Page 2 / 2

Search Forum
About
BEST WEB HOSTING
HTML5 Tutorial
HTML 5 <map> Tag

Example
An image-map, with clickable areas:
HTML5 Forms
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" /> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /> </map>
Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS
HTML5 Reference
HTML5 Tags

The <map> tag is used to define a client-side image-map. An image-map is an image with clickable areas. The name attribute is required in the map element. This attribute is associated with the <img>'s usemap attribute and creates a relationship between the image and the map. The map element contains a number of area elements, that defines the clickable areas in the image map.

None.
Share with
Tips and Notes

Note: The area element is always nested inside the map element. The area element defines the regions in the image map.
Attributes
Attribute name Value unique name Description Defines a unique name for the map tag, so it can be referred to.
Standard Attributes
The <map> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <map> tag also supports the Event Attributes in HTML 5.
AltovaMapForce
http://www.w3schools.com/html5/tag_map.asp
Page 1 / 2
Graphical XML Conversion Tool from the Developers of XMLSpy
l l l l l l
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_map.asp
Page 2 / 2

Search Forum
About
BEST WEB HOSTING
HTML5 Tutorial
HTML 5 <mark> Tag

Example
Highlight parts of a text:
HTML5 Forms
<p>Do not forget to buy <mark>milk</mark> today.</p>

Try it yourself
HTML5 Reference

The <mark> tag defines marked text. Use the <mark> tag if you want to highlight parts of your text
HTML5 Tags

The <mark> tag is new in HTML 5
Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display
Standard Attributes
The <mark> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <mark> tag also supports the Event Attributes in HTML 5.

http://www.w3schools.com/html5/tag_mark.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_mark.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <meta> Tag

Example
Describe metadata:
HTML5 Forms
HTML5 Reference
<head> <meta name="description" content="Free Web tutorials" /> <meta name="keywords" content="HTML,CSS,XML,JavaScript" /> <metaname="author"content="StleRefsnes"/> <meta charset="ISO-8859-1" /> </head>
Try it yourself
HTML5 Tags

The <meta> element provides meta-information about your page, such as descriptions and keywords for search engines and refresh rates.

The scheme attribute is not supported in HTML 5.
HTML 5 has a new attribute, charset, which makes it easier to define charset. Example, define charset: HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> HTML 5: <meta charset="ISO-8859-1">
Tips and Notes

Note: The <meta> tag always goes inside the head element. Note: Metadata is always passed as name/value pairs. Note: One, and not more, of these attributes must be defined: charset, http-equiv, name. Note: The content attribute MUST be defined if the name or the http-equiv attribute is defined. if none of these are defined, the content attribute CANNOT be defined.
Examples
Define keywords for search engines: <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
Define a description of your web page: <meta name="description" content="Free Web tutorials on HTML and CSS" />
Define the last revision of your page: <metaname="revised"content="StleRefsnes, 19/10/2009" />
Refresh page every 5 seconds: <meta http-equiv="refresh" content="5" />
Attributes
http://www.w3schools.com/html5/tag_meta.asp
Page 1 / 2
New :NewinHTML5. Attribute charset content http-equiv Value character New encoding some_text content-type expires refresh set-cookie author description keywords generator revised others format/URI Description Defines the character encoding for the document Defines meta information to be associated with http-equiv or name Connects the content attribute to an HTTP header
name
Connects the content attribute to a name
scheme
Standard Attributes
The <meta> tag also supports the Standard Attributes in HTML 5.

http://www.w3schools.com/html5/tag_meta.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <meter> Tag

Example
Use the meter element to measure data within a given range:
HTML5 Forms
<meter min="0" max="10">2</meter><br /> <meter>2 out of 10</meter><br /> <meter>20%</meter>

Try it yourself
HTML5 Reference
HTML5 Tags

The <meter> tag defines a measurement. Used only for measurements with a known minimum and maximum value.
FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS

The <meter> tag is new in HTML 5
Tips and Notes

Note: You MUST define the range of the measurement, either in the element's text or with the min/max attributes.
Attributes
New :NewinHTML5. Attribute high low New max New min New optimum New number Defines what measurement's value is the best value. If this value is higher then the "high" attribute's value, it means that the higher value the better. If this value is lower than the "low" attribute's value, it means that the lower value the better. number Defines the measurement's value New number Defines the minimum value. Default value is 0 number Defines the maximum value. Default value is 1 Value Description
number Defines at which point the measurement's value is consider a high value New number Defines at which point the measurement's value is consider a low value
value
Standard Attributes
The <meter> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <meter> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_meter.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_meter.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <nav> Tag

Example
The nav element defines a section intended for navigation:
HTML5 Forms
HTML5 Reference
<nav> <a href="default.asp">Home</a> <a href="tag_meter.asp">Previous</a> <a href="tag_noscript.asp">Next</a> </nav>

Try it yourself
HTML5 Tags

The <nav> tag defines a section of navigation.

The <nav> tag is new in HTML 5
Tips and Notes

Tip: If you have "previous" and "next" buttons in your document, they should be placed inside the <nav> element.
Standard Attributes
The <nav> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <nav> tag also supports the Event Attributes in HTML 5.

http://www.w3schools.com/html5/tag_nav.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_nav.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
The <noframes> Tag. Not Supported in HTML 5.

The <noframes> tag is not supported in HTML 5.
HTML5 Forms
HTML5 Input Types HTML5 Form Elements HTML5 Form Attributes The <noframes> tag was used to display text for browsers that do not handle frames.
Top Web Hosting $0 Doteasy Web Hosting
HTML5 Reference

WEB BUILDING Download XML Editor FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS
HTML5 Tags
Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS

l l l l l
http://www.w3schools.com/html5/tag_noframes.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_noframes.asp
Page 2 / 2

Search Forum
About
BEST WEB HOSTING
HTML5 Tutorial
HTML 5 <noscript> Tag

Example
Use of the <noscript> tag:
HTML5 Forms
HTML5 Reference
<script type="text/javascript"> document.write("Hello World!") </script> <noscript>Your browser does not support JavaScript!</noscript>
Try it yourself
HTML5 Tags

The <noscript> element is used to define an alternate content (text) if a script is NOT executed. The <noscript> element does nothing, but is used for browsers that recognizes the <script> tag, but does not support the script in it.

None
Tips and Notes

Note: If a browser supports scripting, it will not display the text in the noscript element. Note: Browsers that do not recognize the <script> tag will display the tag's content as text on the page. To prevent the browser from doing this, you should hide the script in comment tags. An old browser (one that does not recognize the <script> tag) will ignore the comment and will not write the tag's content on the page, while a new browser will understand that the script should be executed, even if it is surrounded by comment tags!
Share with
http://www.w3schools.com/html5/tag_noscript.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_noscript.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <object> Tag

Example
How to use the object element to display Flash:
HTML5 Forms
<object data="helloworld.swf" />

Try it yourself
HTML5 Reference

The <object> tag is used to include objects such as images, audio, videos, Java applets, ActiveX, PDF, and Flash. The object element allows you to specify the data and parameters for objects inserted into HTML documents, and the code that can be used to display/manipulate that data.
FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP
HTML5 Tags

Some HTML 4.01 attributes are not supported in HTML 5. The "form" attribute is new in HTML 5.
Objects can be used and submitted in forms.
Tips and Notes

Note: An object element can appear inside the head or the body element. The text between the <object> and </object> is thealternatetext,forbrowsersthatdonotsupportthistag.The <param> tags define run-time settings for the object. Tip: For images use the <img> tag instead of the <object> tag. Tip: At least one of the "data" and "type" attributes MUST be defined.
Attributes
New :NewinHTML5. Attribute align Value left right top bottom URL pixels class_ID URL MIME_type URL declare formname New height hspace name standby type pixels pixels unique_name text MIME_type Defines the height of the object Not supported in HTML 5. Defines a unique name for the object (to use when a form is submitted). Not supported in HTML 5. Defines the MIME type of data specified in the data attribute Description Not supported in HTML 5.
archive border classid codebase codetype data declare form
Not supported in HTML 5. Not supported in HTML 5. Not supported in HTML 5. Not supported in HTML 5. Not supported in HTML 5. Defines a URL that refers to the object's data Not supported in HTML 5. Defines one ore more forms the object belongs to.
http://www.w3schools.com/html5/tag_object.asp
Page 1 / 2
usemap vspace width
URL pixels pixels
Specifies a URL of a client-side image map to be used with the object Not supported in HTML 5. Defines the width of the object
Standard Attributes
The <object> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <object> tag also supports the Event Attributes in HTML 5.
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_object.asp
Page 2 / 2

Search Forum
About
BEST WEB HOSTING
HTML5 Tutorial
HTML 5 <ol> Tag

Example
3 different ordered lists:
HTML5 Forms
HTML5 Reference
<ol> <li>Coffee</li> <li>Tea</li> </ol> <ol start="50"> <li>Coffee</li> <li>Tea</li> </ol> <ol reversed="reversed"> <li>Coffee</li> <li>Tea</li> </ol>
Try it yourself
Top Web Hosting $0 Doteasy Web Hosting WEB BUILDING XML Editor Free Trial! FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS
HTML5 Tags

The <ol> tag defines the start of an ordered list. Use together with the <li> tag to define list items.

The "start" attribute was deprecated in HTML 4.01, but IS supported in HTML 5. The "reversed" attribute is new in HTML 5. The "compact" and "type" attributes were deprecated in HTML 4.01, and are not supported in HTML 5. Use CSS to style lists.
Share with
Tips and Notes

Tip: You can also define an unordered list, with the <ul> tag Tip: Use CSS to style lists.
Attributes
New :NewinHTML5. Attribute reversed New start number Value reversed Description If present the list order should be descending (9,8,7...), if not present, the list order should be ascending (1,2,3...) Specifies the number the list order should start on.
Standard Attributes
The <ol> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <ol> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_ol.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_ol.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <optgroup> Tag

Example
Group related options with <optgroup> tags:
HTML5 Forms
HTML5 Reference
HTML5 Tags
<select> <optgroup label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> <optgroup label="German Cars"> <option value="vw">VW</option> <option value="audi">Audi</option> </optgroup> </select>
Try it yourself

The <optgroup> is used to group related options in a drop-down list. If you have a long list of options, groups of related options are easier to handle for the user.

NONE
Attributes
Attribute label disabled Value text disabled Description Defines the label for the option group Disables the options in that option-group.
Standard Attributes
The <optgroup> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <optgroup> tag also supports the Event Attributes in HTML 5.

http://www.w3schools.com/html5/tag_optgroup.asp
Page 1 / 2
l l l l l
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_optgroup.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <option> Tag

Example
A drop-down list with four options:
HTML5 Forms
HTML5 Reference
<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select>
Try it yourself
HTML5 Tags

The option element defines an option in the drop-downlist.

In HTML 5, the <option> element is also used in the new element <datalist>.
Tips and Notes

Note: The <option> tag can be used without any attributes, but you usually need the value attribute, which indicates what is sent to the server. Note: Use this tag in conjunction with <select> or <datalist> elements, elsewhere it is meaningless.
Attributes
Attribute disabled label selected value Value disabled text selected text Description Specifies that the option should be disabled when it first loads Defines a label to use when using <optgroup> Specifies that the option should appear selected (will be displayed first in the list) Defines the value of the option to be sent to the server
Standard Attributes
The <option> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <option> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_option.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_option.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <output> Tag

Example
How to use the output element in a form:
HTML5 Forms
<form action="form_action.asp" method="get" name="sumform"> <output name="sum"></output> </form>

Try it yourself
HTML5 Reference
HTML5 Tags

The <output> tag defines different types of output, such as output written by a script.
FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS

The <output> tag is new in HTML 5.
Attributes
New :NewinHTML5. Attribute for New form New name New unique name Defines a unique name for the object (to use when a form is submitted). formname Value id of another element Description Defines one ore more elements the output field relates to. Defines one ore more forms the output field belongs to.
Standard Attributes
The <output> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <output> tag also supports the Event Attributes in HTML 5.

W3Schools' Online Certification Program
http://www.w3schools.com/html5/tag_output.asp
Page 1 / 2
The perfect solution for professionals who need to balance work, family, and career building. More than 5000 certificates already issued! The HTML Certificate documents your knowledge of HTML, XHTML, and CSS. The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. The XML Certificate documents your knowledge of XML, XML DOM and XSLT. The ASP Certificate documents your knowledge of ASP, SQL, and ADO. The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_output.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <p> Tag

Example
How to use the output element in a form:
HTML5 Forms
<p>This is some text in a paragraph.</p>

Try it yourself
HTML5 Reference

The <p> tag defines a paragraph. The p element automatically creates some space before and after itself. The space is automatically applied by the browser, or you can specify it in a style sheet.
FREE Flash Website FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE
HTML5 Tags

The align attribute, which was deprecated in HTML 4.01, is no longer supported in HTML 5.
Tips and Notes

Tip: You should not use the <p> element when other elements are more appropriate.
Standard Attributes
The <p> tag also supports the Standard Attributes in HTML 5.
Share with
Event Attributes
The <p> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_p.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_p.asp
Page 2 / 2

Search Forum
About
BEST WEB HOSTING
HTML5 Tutorial
HTML 5 <param> Tag

Example
How to set a parameter for the object element:
HTML5 Forms
<object data="horse.ogg"> <param name="autoplay" value="false"> </object>

Try it yourself
HTML5 Reference
HTML5 Tags

The param element allows you to specify the run-time settings for an object inserted into HTML documents. Use the param element together with the object element.
FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS

HTML 4.01 attributes "type" and "valuetype" are not supported in HTML 5.
Attributes
Attribute name type value valuetype Value unique name MIME_type value data ref object Description Defines a unique name for the parameter Not supported in HTML 5. Specifies the value of the parameter Not supported in HTML 5.
Standard Attributes
The <param> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <param> tag also supports the Event Attributes in HTML 5.


l l l l
XML development Web & Web services development Data mapping & integration Rendering & publishing XML & database data
http://www.w3schools.com/html5/tag_param.asp
Page 1 / 2
XBRL validation, taxonomy editing, transformation & rendering
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_param.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <pre> Tag

Example
Pre formatted text:
HTML5 Forms
HTML5 Reference
<pre> Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks </pre>
Try it yourself
HTML5 Tags

The <pre> tag defines preformatted text. Text in a pre element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.
W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax

The "width" attribute was deprecated in HTML 4.01, and is not supported in HTML 5.
Tips and Notes

Tip: Use the <pre> element when displaying text with unusual formatting, or some sort of computer code.
Share with
Standard Attributes
The <pre> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <pre> tag also supports the Event Attributes in HTML 5.

http://www.w3schools.com/html5/tag_pre.asp
Page 1 / 2
l l l l l l
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_pre.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <progress> Tag

Example
Mark up "Downloading in progress":
HTML5 Forms
HTML5 Reference
The object's downloading progress: <progress> <span id="objprogress">76</span>% </progress>

Try it yourself
HTML5 Tags

The <progress> tag defines work-in-progress. Use the progress element to display the progress of a time consuming function in JavaScript.

The <progress> tag is new in HTML 5.
Tips and Notes

Tip: Use the <progress> element to display the progress of a download.
Attributes
New :NewinHTML5. Attribute max New value New number Defines the current value of the progress Value number Description Defines the value of completion
Standard Attributes
The <progress> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <progress> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_progress.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_progress.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <q> Tag

Example
Mark up a short quotation:
HTML5 Forms
HTML5 Reference
<p>WWF's goal is to: <q cite="http://www.wwf.org"> build a future where people live in harmony with nature </q> we hope they succeed.</p>
Try it yourself
HTML5 Tags

The <q> tag defines the start of a short quotation. Browser often insert quotation marks around the quotation.

NONE
Tips and Notes

Tip: Use the cite attribute to define a reference to where the quotation was taken from. Tip: Use the blockquote element to mark up long quotations.
Attributes
Attribute cite Value url Description Defines a citation for the quotation
Standard Attributes
The <q> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <q> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_q.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_q.asp
Page 2 / 2

Search Forum
About
BEST WEB HOSTING
HTML5 Tutorial
HTML 5 <rp> Tag

Example
A ruby annotation:
HTML5 Forms
<ruby> <rt><rp>(</rp><rp>)</rp></rt> </ruby>

Try it yourself
HTML5 Reference
HTML5 Tags

The <rp> tag is used in ruby annotations, to define what to show browsers that do not support the ruby element. A ruby annotation is Chinese notes or characters. Used in East Asia, to show the pronunciation of East Asian characters. Use together with the <ruby> and the <rt> tags: The ruby element consists of one or more characters (that needs an explanation/pronunciation), and a rt element that gives that information, and optionally a rp element that defines what to show browsers that do not support the "ruby" tag.
FREE Web Templates SEO Company US Web Design Schools W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with

The <rp> tag is new in HTML 5.
Tips and Notes

Note: A browser that supports the "ruby" element will not show the content of a "rp" element.
Standard Attributes
The <rp> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <rp> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_rp.asp
Page 1 / 2
l l l l l l
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_rp.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <rt> Tag

Example
A ruby annotation:
HTML5 Forms
<ruby> <rt> </rt> </ruby>

Try it yourself
HTML5 Reference
HTML5 Tags
 <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <keygen> <kbd> <label> <legend> <li> <link> <map> <mark>

The <ul> tag defines an unordered list. Use together with the <li> tag to define list items.

The "compact" and "type" attributes are deprecated in HTML 4.01, and are not supported in HTML 5.
Tips and Notes

Tip: You can also define an ordered list, with the <ol> tag Tip: Use CSS to style the list.
Standard Attributes
The <ul> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <ul> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_ul.asp
Page 1 / 2
<menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <tt> <u> <ul> <var> <video> <xmp>
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_ul.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
Example
HTML5 Forms
HTML5 Reference
HTML5 Tags
Try it yourself


Standard Attributes
Event Attributes

Click here to design a Stunning Flash Website for Free
Page 1 / 2
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free. With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
HOME
| TOP
| PRINT
| FORUM
ABOUT
Page 2 / 2

Search Forum
About
HTML5 Tutorial
HTML 5 <video> Tag

Example
A simple HTML5 video:
HTML5 Forms
<video src="movie.ogg" controls="controls"> your browser does not support the video tag </video>
Try it yourself
HTML5 Reference
HTML5 Tags

The <video> tag defines video, such as a movie clip or other video streams.

The <video> tag is new in HTML 5.
Tips and Notes

Tip: You can write text between the start and end tags, to show older browser that they do not support this tag.
Optional Attributes
New :NewinHTML5. Attribute autoplay New controls New height New loop New preload New src New width New pixels Sets the width of the video player url preload loop If present, the media file will start over again, every time it is finished. If present, the video will be loaded at page load, and ready to run. Ignored if "autoplay" is present. The URL of the video to play pixels controls Value autoplay Description If present, then the video will start playing as soon as it is ready If present, controls will be displayed, such as a play button. Sets the height of the video player
Share with
Standard Attributes
The <video> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <video> tag also supports the Event Attributes in HTML 5.
http://www.w3schools.com/html5/tag_video.asp
Page 1 / 2
l l l l l l
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_video.asp
Page 2 / 2

Search Forum
About
HTML5 Tutorial
The <xmp> Tag. Not Supported in HTML 5.

The <xmp> tag is not supported in HTML 5. Use the <pre> tag instead.
HTML5 Forms
HTML5 Input Types HTML5 Form Elements HTML5 Form Attributes The <xmp> tag was used to define preformatted text.
HTML5 Reference
HTML5 Tags
http://www.w3schools.com/html5/tag_xmp.asp
Page 1 / 2
HOME
| TOP
| PRINT
| FORUM
ABOUT
http://www.w3schools.com/html5/tag_xmp.asp
Page 2 / 2

HTML 5 Book w3

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML 5 Book w3

Uploaded by

Copyright:

Available Formats

HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...

Search W3Schools References Examples

Free Website Templates

WEB HOSTING Best Web Hosting

Examples in Each Chapter

AltovaXMLSpy- The industry's leading XML editor!

And much more!

Download a free trial today!

Search W3Schools References Examples

W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax

WEB HOSTING Best Web Hosting

How Did HTML5 Get Started?

AltovaMapForce Graphical XML Conversion Tool from the Developers of XMLSpy

Download a fully-functional trial today!

Search W3Schools References Examples

HTML5 New Elements

New Elements in HTML5

New Markup Elements

New Media Elements

The Canvas Element

New Form Elements

New Input Type Attribute Values

Free Online Website Builder - No Downloading Needed

AltovaMissionKit- Integrated Suite of XML Tools

The Altova MissionKit is an integrated suite of tools ideal for:

Search W3Schools References Examples

Free Website Templates

Video on the Web

New Books: HTML, CSS JavaScript, and Ajax STATISTICS

Format Ogg MPEG 4

Firefox 3.5 Yes No

Opera 10.5 Yes No

Chrome 3.0 Yes Yes

Safari 3.0 No Yes

Browser Statistics Browser OS Browser Display SHARE THIS PAGE

<video src="movie.ogg" controls="controls"> </video>

All <video> Attributes

Search W3Schools References Examples

WEB HOSTING Best Web Hosting

Audio on the Web

<audio src="song.ogg" controls="controls"> </audio>

All <audio> Attributes

Search W3Schools References Examples

WEB HOSTING Best Web Hosting

Create a Canvas Element

<canvas id="myCanvas" width="200" height="100"></canvas>

Draw With JavaScript

<script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.fillStyle="#FF0000"; cxt.fillRect(0,0,150,75); </script>

JavaScript uses the id to find the canvas element:

Then, create a context object:

More Canvas Examples

Free Online Website Builder - No Downloading Needed

AltovaXMLSpy- The industry's leading XML editor!

Download a free trial today!

Search W3Schools References Examples

HTML5 Input Types

HTML5 New Input Types

Input Type - email

Input Type - url

Input Type - number

Input Type - range

Input Type - Date Pickers

The following example allows you to select a date from a calendar: