html5 tutorials

html5 language provide some new features elements for better structure,better form handling ,drawing ,media object content to a high performance web page.

html5 language released in 2011 by w3c .org.

you only follow three easy steps upgrade your old html page to html5.

  • first step:– set new doctype for html5 language syntax :––   <  !doctype    html  >
  • second step:–set newly meta tag syntax:–– <   meta     charset="utf-8"  >
  • third step:–focus on head section and set newly link tag for stylesheet syntax :   <   link     rel="stylesheet"    href="uri"   >
       a  html5 web page document looks like.
       
           <!doctype  html>
           
             <head>   <title>  this is html5 document example  </title>
             
            <  meta   charset="character type"  >
            
             <  link   rel="stylesheet"   href="uri location of css file"   >
             
              < script    src="javascript file path"   >
              
              <body>    <p>this is the pagragraph</p>  
              
              </h1>thithis is the heading<img>   src="image uri" width="200px"    height="200px">
       
       </body>
    
   </html>

some of element removed from html5 language its not work with it.

  • <font>
  • <basefont>
  • <s>
  • <strike>
  • <tt>
  • <u>
  • <big>
  • <center>
  • <applet>
  • <frame>
  • <noframes>
  • <frameset>

some html4.01 elements redefined in html5.

html elementdescription
<b>represents an inline run of text that is different stylistically form normal text,typically by being bold,but conveys no other meaning of important.
<hr>represents a thematic break rether than a horizontal rule,though that is the likely representation.
<i>represents an run inline text in an alternative voice or tone that is supposed to be different from standart text but that is generally presented in itali type
<small>represents small print,as in comments or legal fine print.

new elements add in html5

new elementdescription
articleencloses a subset of a document that forms an independent part of adocument,such as a blog post
asideencloses content that is tangentially related to the other content in an enclosing element such as section.
audiodefines sound in a web page
canvasdefines a region to be used for bitmap drawing using javascript.
commandlocated within a menu element,defines a command that a user may invoke
datalistindicates the data items that may be used as quick choices in an input element of type="list"
detailsdefines additional content that can be shown on demand
figuredefines a group of content that should be used as a figure and may be labeled by a legend element.
footerrepresents the footer of a section or the document and likely contains supplementary information about the related content
headerrepresents the header of a section or the document and contains a label or other heading information for the related cotent
hgroupgroups heading elements(h1-h6)for sectioning or subheading purposes.
markindicates marked text and should be used in a similar fashion to show how a highlighter is used on printed text.
meterrepresents a scalar measurement in a known range similar to what may be represented by a gauge
navencloses a group of links to serve as document or site navigation
outputdefines a refion that will be used to hold output from some calculation or form activity
progressindicates the progress of a task toward completion such as displayed in a progress
sectiondefines a generic section of a document and may contain its own header and footer
videodefines a vedio in a web page