We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14
HTML5 in a Day
HTM HTM HTM HTM
L v1 L v2 L v3 L V4 Origins and Evolution of HTML HTML stands for Hyper Text Markup Language .Hyper Text is text which contains links to other texts .It is a markup language consists of a set of markup tags .HTML uses markup tags to describe web pages .HTML markup tags are usually called HTML tags .HTML tags are keywords surrounded by angle brackets like <html> .HTML tags come in pairs like <b> and </b> .The first tag in a pair is the start tag, the second tag is the end tag .Start and end tags are also called opening tags and closing tags Versions of HTML Original intent of HTML: General layout of documents that could be displayed by a wide variety of computers.
Up to
1990 1997 1997 1997 1999
January February Mid-Year
HTML HTML HTML HTML HTML
1.0 2.0 3.2 4.0 4.01 HTML 5 January 2008 Origins and Evolution of HTML HTML 1.0 • HTML 1.0 was the first release of HTML to the world • The language was very limiting. Origins and Evolution of HTML HTML 2.0 • HTML 2.0 included everything from the original 1.0 specifications • HTML 2.0 was the standard for website design until January 1997 • Defined many core HTML features for the first time. Origins and Evolution of HTML HTML 3.2 • The browser-specific tags kept coming. • First version developed and standardized exclusively by the W3C. Origins and Evolution of HTML HTML 4.0 • Introduced many new features and deprecated many older features. • Support for HTML’s new supporting presentational language, CSS. Origins and Evolution of HTML HTML 4.01 • A cleanup of 4.0 • it faces 2 problems - it specifies loose syntax rules - its specification does not define how a user agent (browser) is to recover when erroneous code is encountered. Origins and Evolution of HTML HTML 5 • Latest specification of the HTML. • HTML5 was published as a Working Draft by the W3C. Basic Syntax of HTML Fundamental syntactic units of HTML are called tags. Elements are defined by tags. Tag format: • Opening tag: <name> • Closing tag: </name> Most tags appear in pairs.The opening tag and its closing tag together specify a container for the content they enclose. Not all tags have content. If a tag has no content, its form is <name /> .The container and its content together are called an element. Basic Syntax of HTML If a tag has attributes, they appear between its name and the right bracket of the opening tag. <a href="default.html"> this is a link </a> Comment form: <!-- … -->. Comments increases the readability of programs. Browsers ignore comments, unrecognizable tags, line breaks, multiple spaces, and tabs. Tags are suggestions to the browser. Standard HTML Document Structure The first line of every HTML document is a DOCTYPE command. <!DOCTYPE html> An HTML document must include the four tags <html>, <head>, <title>, and <body>. The <html> tag identifies the root element of the document. HTML documents always have an <html> tag immediately following the DOCTYPE command, and they always end with the closing html tag, </html>. The html element includes an attribute lang .Which specifies the language in which the document is written. <html lang = “en”> en means english Standard HTML Document Structure - Head An html document consist of 2 parts: head and body. The head element provides information about the document . The head element always contains 2 simple elements, a title element and meta element. The meta element is used to provide additional information about a document. The meta element has no content, all information is specified with attributes. The meta tags specifies the character set used to write the document. <meta charset = “utf-8” /> The slash at the end of the tag specifies it has no closing tag, It has a combined opening and closing tag . The content of the title element is displayed by the browser in the browser window’s title bar. Standard HTML Document Structure - Body The body of a document provides content of the document . <!DOCTYPE html> <!- - File name and document purpose - -> <html lang = “en”> <head> <title> A title for the document </title> <meta charset = “utf-8” / > </head> <body> …… </body> </html>