0% found this document useful (0 votes)
41 views14 pages

HTML5 in A Day

Lecture

Uploaded by

Suman Das
Copyright
© © All Rights Reserved
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
0% found this document useful (0 votes)
41 views14 pages

HTML5 in A Day

Lecture

Uploaded by

Suman Das
Copyright
© © All Rights Reserved
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>

You might also like