SlideShare a Scribd company logo
1 of 20
Download to read offline
Introducing



         Created By:
         Rakhi Rani
    HTML is a computer language devised to allow
    website creation
   Firstly mentioned on the Internet by Berners-Lee in
    late 1991.
   HTML stands for Hyper Text Markup Language .
•   An HTML file is a text file containing small markup
    tags .
•   The markup tags tell the Web browser how to
    display the page .
•   An HTML file must have an htm or html file
    extension
   Example : Simple HTML Page Example Explained
    The first tag in your HTML document is <html>.
   BASIC TAG OF HTML-
   <HTML> -Defines an HTML document
   <HEAD> -Defines<TITLE> -Defines
   <BODY> -Defines the document’s body
   <b>
   Tag Attributes Tags can have attributes. Attributes
    provide additional information to an HTML element:-
   <table>.
   Quote Attribute - quotes: name='Digi Corp
    "Information" Systems' .
   <h1> to <h6> - Make a line or a particular
                    word as a heading.
   <p>          - to make the text appears as it
                    is written in the form of
                    paragraph.
   <br>         - Tag is used when we want to
                   don't want to start a new paragraph.
   <hr>        - Defines a horizontal rule .
   <b>         - Defines bold text
   <big>       - Defines big text
   <i>         - Defines italic text
   <small>     - Defines small text
   <strong>    - Defines strong text
                                                   HTML
   <sub> - Defines subscripted text
   <sup> - Defines superscripted text
   <ins>    - Defines inserted text
   <del>    - Defines deleted text
    <s>      -
   <del>    -
   <strike> -
   <u>       -
    <a>      -    (anchor) tag to create a link to
    another document.
   <tr>       - Defines a table row.
   <td>      - Defines a table cell.
   <Col>      - Defines the attribute values for one or
                    more columns in a table.
    <thead> - Defines a table head.
    <tbody> - Defines a table body.
    <tfoot> - Defines a table footer .
    <colgroup> - Overrides the width set in
                      relative length.
   Keyboard Events Not valid in base, bdo, br, frame,
    frameset, head, html, iframe, meta, param, script,
    style, and title elements.
   November 24, 1995 HTML 2.0 was published .
   HTML 2.0then arrived and included all the features
    of HTML 1.0 plus several new features for web
    page design.
   Until January, 1997,HTML2.0 was the standard in
    web page design.
41915024 html-5
   New features in HTML 4.0
   Separation of Structure and Presentation
   Accessibility
   Internationalization
   Style Sheets
   Client-side Scripting
   Frames
   Advanced Tables
New Elements in HTML 4.0

   The following elements are new in HTML 4.0:
   ABBR - Abbreviation
   BDO - BiDi override
   FIELDSET - Form control group
   INS - Inserted text
   LABEL - Form field label
   LEGEND – Field set caption
   NOSCRIPT - Alternate script content
   OBJECT - Object
   OPTGROUP - Option group
   Q - Short quotation
   SPAN - Generic inline container
   Advanced Tables
   The simple table model of HTML 3.2 is
    expanded in HTML 4 to include row and
    column groups, greater flexibility in defining a
    table's rules, and accessibility improvements.
    The use of row groups (THEAD, TFOOT,
    TBODY) allows visual browsers to render static
    header and footer rows with scrollable body
    rows, thus improving the readability of large
    tables.
Written by Joshua Johnson, On 19th October 2009.
   Filed in HTML, Web Standards.
The next iteration of HTML has been met with
excitement by some, loathing by others and
confusion/fear by everyone else.
 Over the next week we’ll be focusing on three major
areas:
1. New Elements
2. Semantic Changes
3. Getting it Working Today
This article will briefly introduce each of these topics to
prepare you for the in-depth articles ahead.
APIs
 HTML5 includes several new APIs that are integrated
with some of the new HTML5 elements (which we’ll be
looking at later).
    2D drawing API which can be used with the new
    canvas element.
    API for playing of video and audio which can be
    used with the new video and audio elements.
    An API that enables offline Web applications.
    An API that allows a Web application to register
    itself for certain protocols or media types.
   Drag & drop API in combination with a draggable
    attribute.
   Cross-document messaging.
   New Elements in HTML5
   HTML5 introduces quite a few new elements.
   <article> Defines external content
   <aside> Defines some content aside from the
    article it is placed in
    <audio> Defines sound, such as music or other
    audio streams
    <canvas> Defines graphic, such as graphs or
    other images
    <command> Defines a command button, like a
    radio button, a checkbox, or a button
    <datagrid> Defines a list of selectable data. The
    datagrid is displayed as a tree-list
    <datalist> Defines a list of selectable data. Use
    this element together with the input element, to
    make a dropdown list for the input’s value
   <details> Defines details of an element, which the
    user can see, and click to hide
    <dialog> - Defines a dialog, such as a
    conversation .
   <nav> - Defines a section
    of navigation links
   <nest> - Defines a nesting point in a
    data template for child elements. Used
    together with the elements <datatemplate>
    and <rule>
   <source> - Defines media resources for
    media elements, such as video and audio
   <time> - Defines a time or a date, or
    both
   <video> - Defines video, such as a movie
    clip or other video streams
   Semantic Changes
   This is the part that should fundamentally change
    the way you structure your sites. These six
    elements are:
   1. <nav>
    2. <section>
    3. <article>
    4. <header>
    5. <footer>
    6. <aside>
   Getting HTML5 Working Today
    As any good web developer knows, all the major
    web browsers still differ (some are worse than
    others, you know who I’m talking about) on
    support for HTML4.01 and XHTML 1.0.
   Though mega-developers like Google are pushing
    along the acceptance of HTML5, it won’t be
    supported across the board for some time.
   Conclusion –

    Introduced the new elements and APIs included in
    HTML5.
    We also got a taste of the semantic changes to
    come and the new structure our web pages should
    take in the future.
   Finally, we learned that even though HTML5 isn’t
    quite ready for the masses, we can still get our
    grubby developer fingers on it and start
    experimenting today.
Thank You!
Related Queries

More Related Content

What's hot

Dspace configuration on XMLUI DSpace
Dspace configuration on XMLUI DSpaceDspace configuration on XMLUI DSpace
Dspace configuration on XMLUI DSpaceBharat Chaudhari
 
1o1 group6
1o1 group61o1 group6
1o1 group6stieon
 
Class 2 handout css exercises (2)
Class 2 handout css exercises (2)Class 2 handout css exercises (2)
Class 2 handout css exercises (2)Erin M. Kidwell
 
Web fundamental concept and tags
Web fundamental concept and tags Web fundamental concept and tags
Web fundamental concept and tags shameen khan
 
ID01 Week 3
ID01 Week 3ID01 Week 3
ID01 Week 3mkontopo
 

What's hot (8)

Dspace configuration on XMLUI DSpace
Dspace configuration on XMLUI DSpaceDspace configuration on XMLUI DSpace
Dspace configuration on XMLUI DSpace
 
1o1 group6
1o1 group61o1 group6
1o1 group6
 
Html
HtmlHtml
Html
 
Class 2 handout css exercises (2)
Class 2 handout css exercises (2)Class 2 handout css exercises (2)
Class 2 handout css exercises (2)
 
Html presentation
Html presentationHtml presentation
Html presentation
 
Web fundamental concept and tags
Web fundamental concept and tags Web fundamental concept and tags
Web fundamental concept and tags
 
Spsl v unit - final
Spsl v unit - finalSpsl v unit - final
Spsl v unit - final
 
ID01 Week 3
ID01 Week 3ID01 Week 3
ID01 Week 3
 

Similar to 41915024 html-5

Similar to 41915024 html-5 (20)

4THseminar ppt on HTML-5.pptx
4THseminar ppt on HTML-5.pptx4THseminar ppt on HTML-5.pptx
4THseminar ppt on HTML-5.pptx
 
HTML - LinkedIn
HTML - LinkedInHTML - LinkedIn
HTML - LinkedIn
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Uta005 lecture2
Uta005 lecture2Uta005 lecture2
Uta005 lecture2
 
HTML
HTMLHTML
HTML
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Markup language classification, designing static and dynamic
Markup language classification, designing static and dynamicMarkup language classification, designing static and dynamic
Markup language classification, designing static and dynamic
 
Introduction css
Introduction cssIntroduction css
Introduction css
 
Introduction css
Introduction cssIntroduction css
Introduction css
 
INTRODUCTION FOR HTML
INTRODUCTION  FOR HTML INTRODUCTION  FOR HTML
INTRODUCTION FOR HTML
 
Html 5
Html 5Html 5
Html 5
 
Html5 deciphered - designing concepts part 1
Html5 deciphered - designing concepts part 1Html5 deciphered - designing concepts part 1
Html5 deciphered - designing concepts part 1
 
Presentation html
Presentation   htmlPresentation   html
Presentation html
 
HTML Basics.pdf
HTML Basics.pdfHTML Basics.pdf
HTML Basics.pdf
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Intr to-html-xhtml-1233508169541646-3
Intr to-html-xhtml-1233508169541646-3Intr to-html-xhtml-1233508169541646-3
Intr to-html-xhtml-1233508169541646-3
 

41915024 html-5

  • 1. Introducing Created By: Rakhi Rani
  • 2. HTML is a computer language devised to allow website creation  Firstly mentioned on the Internet by Berners-Lee in late 1991.  HTML stands for Hyper Text Markup Language . • An HTML file is a text file containing small markup tags . • The markup tags tell the Web browser how to display the page . • An HTML file must have an htm or html file extension  Example : Simple HTML Page Example Explained The first tag in your HTML document is <html>.
  • 3. BASIC TAG OF HTML-  <HTML> -Defines an HTML document  <HEAD> -Defines<TITLE> -Defines  <BODY> -Defines the document’s body  <b>  Tag Attributes Tags can have attributes. Attributes provide additional information to an HTML element:-  <table>.  Quote Attribute - quotes: name='Digi Corp "Information" Systems' .
  • 4. <h1> to <h6> - Make a line or a particular word as a heading.  <p> - to make the text appears as it is written in the form of paragraph.  <br> - Tag is used when we want to don't want to start a new paragraph.  <hr> - Defines a horizontal rule .  <b> - Defines bold text  <big> - Defines big text  <i> - Defines italic text  <small> - Defines small text  <strong> - Defines strong text HTML
  • 5. <sub> - Defines subscripted text  <sup> - Defines superscripted text  <ins> - Defines inserted text  <del> - Defines deleted text  <s> -  <del> -  <strike> -  <u> -  <a> - (anchor) tag to create a link to another document.
  • 6. <tr> - Defines a table row.  <td> - Defines a table cell.  <Col> - Defines the attribute values for one or more columns in a table.  <thead> - Defines a table head.  <tbody> - Defines a table body.  <tfoot> - Defines a table footer .  <colgroup> - Overrides the width set in relative length.  Keyboard Events Not valid in base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title elements.
  • 7. November 24, 1995 HTML 2.0 was published .  HTML 2.0then arrived and included all the features of HTML 1.0 plus several new features for web page design.  Until January, 1997,HTML2.0 was the standard in web page design.
  • 9. New features in HTML 4.0  Separation of Structure and Presentation  Accessibility  Internationalization  Style Sheets  Client-side Scripting  Frames  Advanced Tables
  • 10. New Elements in HTML 4.0  The following elements are new in HTML 4.0:  ABBR - Abbreviation  BDO - BiDi override  FIELDSET - Form control group  INS - Inserted text  LABEL - Form field label  LEGEND – Field set caption
  • 11. NOSCRIPT - Alternate script content  OBJECT - Object  OPTGROUP - Option group  Q - Short quotation  SPAN - Generic inline container  Advanced Tables  The simple table model of HTML 3.2 is expanded in HTML 4 to include row and column groups, greater flexibility in defining a table's rules, and accessibility improvements. The use of row groups (THEAD, TFOOT, TBODY) allows visual browsers to render static header and footer rows with scrollable body rows, thus improving the readability of large tables.
  • 12. Written by Joshua Johnson, On 19th October 2009. Filed in HTML, Web Standards. The next iteration of HTML has been met with excitement by some, loathing by others and confusion/fear by everyone else. Over the next week we’ll be focusing on three major areas: 1. New Elements 2. Semantic Changes 3. Getting it Working Today This article will briefly introduce each of these topics to prepare you for the in-depth articles ahead. APIs HTML5 includes several new APIs that are integrated with some of the new HTML5 elements (which we’ll be looking at later).
  • 13. 2D drawing API which can be used with the new canvas element.  API for playing of video and audio which can be used with the new video and audio elements.  An API that enables offline Web applications.  An API that allows a Web application to register itself for certain protocols or media types.  Drag & drop API in combination with a draggable attribute.  Cross-document messaging.  New Elements in HTML5  HTML5 introduces quite a few new elements.  <article> Defines external content  <aside> Defines some content aside from the article it is placed in
  • 14. <audio> Defines sound, such as music or other audio streams  <canvas> Defines graphic, such as graphs or other images  <command> Defines a command button, like a radio button, a checkbox, or a button  <datagrid> Defines a list of selectable data. The datagrid is displayed as a tree-list  <datalist> Defines a list of selectable data. Use this element together with the input element, to make a dropdown list for the input’s value  <details> Defines details of an element, which the user can see, and click to hide
  • 15. <dialog> - Defines a dialog, such as a conversation .  <nav> - Defines a section of navigation links  <nest> - Defines a nesting point in a data template for child elements. Used together with the elements <datatemplate> and <rule>  <source> - Defines media resources for media elements, such as video and audio  <time> - Defines a time or a date, or both  <video> - Defines video, such as a movie clip or other video streams
  • 16. Semantic Changes  This is the part that should fundamentally change the way you structure your sites. These six elements are:  1. <nav> 2. <section> 3. <article> 4. <header> 5. <footer> 6. <aside>
  • 17. Getting HTML5 Working Today  As any good web developer knows, all the major web browsers still differ (some are worse than others, you know who I’m talking about) on support for HTML4.01 and XHTML 1.0.  Though mega-developers like Google are pushing along the acceptance of HTML5, it won’t be supported across the board for some time.
  • 18. Conclusion –  Introduced the new elements and APIs included in HTML5.  We also got a taste of the semantic changes to come and the new structure our web pages should take in the future.  Finally, we learned that even though HTML5 isn’t quite ready for the masses, we can still get our grubby developer fingers on it and start experimenting today.