Multimedia & Animation UNIT-1 By Dr.G.S.Puranik 1 Introduction to HTML Explain 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 tags come in pairs like and .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 Original intent of HTML: General layout of documents that could be displayed by a wide variety of computers. HTML 1.0 •HTML 1.0 was the first release of HTML to the world •The language was very limiting. 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. HTML 3.2 - 1997 •The browser-specific tags kept coming. •First version developed and standardized exclusively by the W3C. HTML 4.0 – 1997 •Introduced many new features and deprecated many older features. •Support for HTML’s new supporting presentational language, CSS. HTML 4.01 - 1999 •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 erraneous code is encountered. HTML 5 – January 2008 •Latest specification of the HTML. •HTML5 was published as a Working Draft by the W3C.
Multimedia & Animation UNIT-1 By Dr.G.S.Puranik 2 Explain Basic Syntax of HTML: Fundamental synctactic units of HTML are called tags.Elements are defined by tags. Tag format: •Opening tag: •Closing tag: 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 .The container and its content together are called an element. If a tag has attributes, they appear between its name and the right bracket of the opening tag. this is a link 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. Explain Standard HTML Document Structure:
Multimedia & Animation UNIT-1 By Dr.G.S.Puranik 3 Tag Description This is a declaration to show the document type; it helps the web browser to display the webpage correctly This defines the title of the webpage, to be displayed on the tab of a web browser This shows the start and end of the HTML file This gives information about the file (metadata) This defines the main body; everything within the body tags appears on the webpage

This defines a heading;

to

tags are used for different-sized headings, with

the largest and

the smallest

This defines a paragraph
Multimedia & Animation UNIT-1 By Dr.G.S.Puranik 4 Explain Basic Text Markup: Describes how the text content of an HTML document can be formatted with HTML tags . 1.Paragraphs 2.Line Breaks 3.Preserving white space 4.Headings 5.Block Quotes 6.Font styles & size 7.Character Entities 8.Horizontal Rules 9.Meta Element Paragraphs: Text is normally organised into the paragraphs in the HTML. We can't insert text directly in to the body. So we choose the tag called paragraph. All the text document are inserted within its tag. It is denoted by

...........

. Ex:

This is a story about a company that makes balloons go up. We were working on them when we ran out of air. The manager was checking on the company's supply list when he found out who could make them for us. He was about to order them when a balloon in the corner went up. We had found the extra air? We were glad our balloons all got blown up for the day

output: