HTML

Presented By
Name : Pawar Vaibhav Shankarrao

Class : MSc Second Year
Subject : Computer Science
Email : pawarvaibhav533@gmail.com
Mobile No. : 9850171672
Topic : HTML
CONTENTS
 What is HTML?
 Versions of HTML
 How Does HTML Works
 Basic HTML Document
 Difference between HTML4 and 5
 The Most Used HTML Tags
 Pros
 Cons
WHAT IS HTML?
 Telling the browser what to do, and what props to use.

 A serises of tags that are integrated into a text document.
Tags are ;
surrounded with angle brackets like this
 or .
 Most tags come in pairs
exceptions: , , <li> tags …
 The first tag turns the action on, and the second turns it off.
HTML (HYPERTEXT MARKUP
LANGUAGE)
Common features
 Tables
 Frame
 Form
 Image map
 Character Set
 Meta tags
 Images, Hyperlink, etc…
VERSIONS :
YEAR VERSION
1991 HTML
1993 HTML+
1995 HTML 2.0
1997 HTML 3.2

1999 HTML 4.01
2000 XHTML
2012 HTML 5
2013 XHTML5
HOW DOES HTML WORK ?
HTML documents are files that end

with a .html or .htm extension. You can view
then using any web browser (such as Google
Chrome, Safari, or Mozilla Firefox).
The browser reads the HTML file and renders its
content so that internet users can view it.
BASIC HTML DOCUMENT
In its simplest form, following is an example of an HTML

document −
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
Document content goes here.....

</body>
</html>
DIFFERENCE BETWEEN HTML AND HTML 5
HTML5 HTML4
1. HTML5 uses new structures 1.HTML 4 uses common

such as drag, drop and much structures like headers , footers.
more.
2.HTML 4 cannot embed video or

2.HTML 5 can contain embedded audio directly and makes use of
video and audio without using flash player for it.
flash player.
3. HTML 4 cannot handle

3.HTML 5 is capable of handling inaccurate syntax
inaccurate syntax
DIFFERENCE
HTML5 HTML4
4. HTML 5 introduced many new 4. HTML 4 has traditional API’s

API’s which facilitate flexibility which does not include canvas
of web pages. and content editable API’s.
5. In HTML 4, local storage is not

possible and tags that can
5. In HTML 5, new tags and new handle only one dimension are
features like local storage are present
enhanced.
THE MOST USED HTML TAGS
 HTML tags have two main types: block-level and inline tags.
 Block-level elements take up the full available space and always
start a new line in the document. Headings and paragraphs are a
great example of block tags.
 Inline elements only take up as much space as they need and
don’t start a new line on the page. They usually serve to format
the inner contents of block-level elements. Links and
emphasized strings are good examples of inline tags.
BLOCK-LEVEL TAGS
The three block level tags every HTML document needs to contain
are <html>, <head>, and <body>.
 The <html></html> tag is the highest level element that
encloses every HTML page.
 The <head></head> tag holds meta information such as the
page’s title and charset.
 Finally, the <body></body> tag encloses all the content that
appears on the page.
INLINE TAGS
 Many inline tags are used to format text. For example,

a tag would render an element in bold,
whereas tags would show it in italics.
 Hyperlinks are also inline elements that require <a></a> tags
and href attributes to indicate the link’s destination:
 <a href="https://example.com/">Click me!</a>
 Images are inline elements too. You can add one using <img>
without any closing tag. But you will also need to use
the src attribute to specify the image path, for example:
 <img src="/images/example.jpg" alt="Example image">
PROS OF HTML
•A widely used language with a lot of resources and

a huge community behind.
•Runs natively in every web browser.
•Comes with a flat learning curve.
•Open-source and completely free.
•Clean and consistent markup.
•The official web standards are maintained by the
World Wide Web Consortium (W3C).
•Easily integrable with backend languages such as
PHP and Node.js.
CONS OF HTML
 Mostly used for static web pages. For dynamic functionality, you
may need to use JavaScript or a backend language such as PHP.
 It does not allow the user to implement logic. As a result, all web
pages need to be created separately, even if they use the same
elements, e.g. headers and footers.
 Some browsers adopt new features slowly.
 Browser behavior is sometimes hard to predict (e.g. older
browsers don’t always render newer tags).
THANK YOU

HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML

Uploaded by

Copyright:

Available Formats

Presented By

Name : Pawar Vaibhav Shankarrao

 Telling the browser what to do, and what props to use.

1995 HTML 2.0

1997 HTML 3.2

HTML documents are files that end

In its simplest form, following is an example of an HTML

1. HTML5 uses new structures 1.HTML 4 uses common

2.HTML 4 cannot embed video or

3. HTML 4 cannot handle

4. HTML 5 introduced many new 4. HTML 4 has traditional API’s

5. In HTML 4, local storage is not

 Many inline tags are used to format text. For example,

•A widely used language with a lot of resources and

You might also like