OBJECTIVE

The objective of this lab is to design a webpage to show the different types of tags which are
available in different versions of HTML in Tabular form.

1: Web Server and Web Browser

The web browser is an application program that displays a www document. It usually uses other
internet services to access the documents. Web server is a program or a computer that can
provide services to other programs called clients. The main difference between a Web browser
and a Web server is that Web browser requests for the document and services, and act as an
interface between a client and a server which displays the web content. On the other hand, Web
server accepts, approve, and response to the request made by a web browser for a web document.

1.1: COMPARISON
Basic

Web Browser:- Software which acts as an interface between server and client, and displays web
documents to the client.

Web Server:- Software and a system which maintain the web applications, generate response and
accept clients data.

Primary role

Web Browser:-It send HTTP request and get HTTP response.

Web Server:-It get HTTP requests and send HTTP responses.

Processing Models

Web Browser:- There doesn't exist any processing model.

Web Server:-There is thread based and Hybrid based.

A Web browser can be considered as a utility which client uses to access web services and
documents from the server. There are various types of browsers, for example, the default
browser for windows platform is internet explorer, similarly for apple device default browser is
Safari. Although, there are other browsers also like Google Chrome, Mozilla Firefox, opera and
UC.

Web Server is a piece of software running on a computer whose primary job is to distribute web
pages to users whenever they demand it and provides an area in which to store and organize the
pages of the website.A web browser is an application software which acts as an interface
between server and client and allows us to view and explore documents on the internet. While
web server is a computer which is used for storing and hosting the web content. Furthermore, it
handles HTTP requests generated by client with the help of a browser and responds back to the
client

2: HTML(Hypertext Markup Language)

HTML is short for Hypertext Markup Language. It was first developed by Tim Berners-
Lee in 1990, HTML is used to create electronic documents (called pages) that are displayed on
the World Wide Web. Each page contains a series of connections to other pages
called hyperlinks. HTML code ensures the proper formatting of text and images so that
our Internet browser may display them. Without HTML a browser would not know how to
display text as elements or load images or other elements. HTML also provides a basic structure
of the page, upon which Cascading Style Sheets are overlaid to change its appearance.

3: Versions of HTML

3.1: HTML 1.0 (1989 - 1994)

The first version of HTML that supported inline images and text controls. HTML 1.0 was very
limited in terms of styling and presentation of content. In HTML 1.0. for example, we could not
use tables or frames, specify fonts, change page background, or use forms because of these
limitations, every web page created with HTML 1.0 looked the same with similar background
and the type of font used.HTML 1.0 was only supported by Linux (a non-graphical browser
running on UNIX) and Mosaic.

3.2: HTML 2.0 (1995)

HTML 2.0 was considerably improved to support forms with limited set of form elements such
as text boxes, and option buttons, change of page background, use of tables. Between HTML 1.0
and HTML 2.0 W3C was formed.

3.3: HTML 3.20 (1997)

This version included support for creating tables and expanded options for form elements. This
version also allowed web pages to include complex mathematical equations. Although HTML
3.20 specification included support for CSS (cascaded style sheets), browser manufactures did
not support it very well in their browsers.
3.4: HTML 4.01 (1999)
This version added support for style sheets and scripting ability for multimedia elements. In
HTML 4.0 with the use of style sheets, it is now possible to change the appearance/look of the
website by changing just the style sheet itself. In the earlier versions of HTML making the same
changes for the entire website meant changing the styling information in the individual pages.

3.5: HTML 5.0 (2008)

HTML 5 is a markup language used for structuring and presenting content on the world wide
web. It is the fifth and current major version of the HTML standard, and include XHTML.HTML
5 was first released on 22 January 2008. Its goals are to improve the language with support for
the latest multimedia and other new features. To keep the language both easily readable by
peoples and consistently understood by computers and devices such as Web browsers.

4.1: HTML 1.0 Tags

<A> Anchor= This tag is used to enclose hypertext links in the body of an HTML document
called an anchor tag.

<ADDRESS> Address= The HTML address tag is used for indicating an address, usually related
to authorship of the current document.

<DD> This tag precedes the definition portion of an entry in a definition list.

<DIR> Directory= The HTML dir tag is used for specifying a directory list.

<DL> This tag encloses a definition list

<DT> This tag precedes the term portion of an entry in a definition list.

<H1>,…<H6>= There are 6 levels of headings (h1 - h6) with h1 the most important and h6 the
least important.

<HP1>,…<HP2> These tags are no longer available in html.

<ISINDEX> Isindex= HTML <isindex> element was used to put a text area in the document for
querying document. We could use this tag anywhere but <head> is more preferable

<LI> List= This tag precedes each item in either an ordered or unordered list.

<LISTING> Listing= The <listing> element was intended as a way to render HTML code on a
page. It was never properly supported, and is now deprecated.

<MENU> This Menu Tag is Obselete.This tag is introduced in HTML 5

<NEXTID> Nextid= is an obsolete HTML element that served to enable the NeXT web
designing tool to generate automatic NAME labels for its anchors.

<P> Paragraph=This tag separates paragraphs.

<PLAINTEXT> PlainText= The HTML <plaintext> tag is used to render all text in the
document exactly as it was typed in, including all tags and even the document tags.

<TITLE> Title= The title is usually displayed at the top of the browser title bar.

<UL> Unordered List= This tag encloses an unordered list.

5.1 : HTML 2.0 Tags

<AREA> Area= The HTML area tag is used for defining an area in an image map.

<B>Bold= This tag instructs the browser to show the enclosed text in bold.

<BASE> Base= The HTML base tag is used to specify a base URL for relative links.

<BLOCKQUOTE>Block Quote= This tag encloses extended quotations.

<BODY>Body= This tag encloses the body of an HTML document.

<BR> Line Break= This tag signals a line break.

<CAPTION> Caption= This tag encloses the caption at the beginning of a table.

<CITE>Citation= The HTML cite tag is used for indicating a citation.

<CODE> Code= This tag encloses text that needs to represent computer printout.

<DFN> The <dfn> tag represents the defining instance of a term in HTML.

<!DOCTYPE> Document Type= The HTML !doctype tag is used for specifying which version
of HTML the document is using. This is referred to as the document type declaration (DTD).

<EM> Emphasized= This tag instructs the browser to emphasize the enclosed text.

<FORM> Form= The HTML form tag is used for declaring a form.

<HEAD> Head= The head element can contain other HTML tags that contain metadata.
Metadata provides information about the document such as title, description, keywords etc.

<HR> Horizontal Rule= This tag creates a horizontal rule or line in the document.
<HTML> HTML=It stands for Hyper Text Markup Language.

<I> Italic= This tag instructs the browser to show the enclosed text in italic.

<IMG> Inline Image= This tag places an image in the document.

<INPUT> Form Input= An input tag is given a type attribute to specify the type of control, and
a name attribute so that the form can make a reference to it.

<KBD> Keyboard= The <kbd> tag is a phrase tag. It defines keyboard input.

<LINK> Link= The link tag is often used for linking to an external style sheet.

<MAP> The <map> tag is used to define a client-side image-map. An image-map is an image
with clickable areas.

<META> Meta= Metadata can include document description keywords. It can also be used to
refresh the page or set cookies.

<OL> Ordered List= Ordered lists are usually ordered by numbers (1,2,3…), letters (A, B,C…),
roman numerals (i, ii, iii…) etc.

<OPTION> Option= The option tag can be used as a child of a select, datalist, and
a optgroup element.

<PRE>Preformatted Text= This tag encloses material that is preformatted, that is appearing with
spacing and line breaks.

<SAMP> Sample= The <samp> tag is a phrase tag. It defines sample output from a computer
program.

<SELECT> Form Select= The select tag is used with the option tag to produce a list of options
that the user can choose from.

<STRIKE>Strikethrough= The <strike> tag defines strikethrough text.

<STRONG>Strong= This tag instructs the browser to display the enclosed text in
a strong manner.

<TEXTAREA>Form Text Area=The <textarea> tag defines a multi-line text input control.

<TT> Teletype= This tag instructs the browser to show the enclosed text in a fixed-
width or teletype font.

<TABLE> Table= This tag encloses a table.

<TBODY> The <tbody> tag is used to group the body content in an HTML table.
<TD> Table Data=This tag encloses a table data item.

<TFOOT> The <tfoot> tag is used to group footer content in an HTML table.

<TH> Table Heading=This tag encloses a table heading item.

<THEAD> The <thead> tag is used to group header content in an HTML table.

<TR> Table Row=This tag encloses a table row.

<U> Underlined= This tag encloses text which is to be underlined.

<VAR>Variable

<XMP> Example HTML <xmp> (or Example) element was used to create a text between start
and end tags without interpreting the HTML.

5.2 : HTML 2.0 Deprecated Tags

There was only one Deprecated tag in HTML 2.0 was <XMP>

6.1: HTML 3.2 Tags

<BASEFONT> Base Font= The HTML basefont tag is used to specify a base font for the
document to use.

<BIG>:-This tag instructs the browser to show the enclosed text in a bigger font.

<CENTER> Center= The HTML center tag is used to center-align HTML elements.

<DIV>:- This tag is used to divide the structure of HTML documents.

<FONT>:- This tag instructs the browser to alter the text color or size.

<S> The <s> tag specifies text that is no longer correct, accurate or relevant.

<SCRIPT> The <script> tag is used to define a client-side script (JavaScript).

<SMALL>:- This tag instructs the browser to show the enclosed text in a smaller font.

<STYLE> Style= The style tag is used for styling the content.

<SUB>:- This tag instructs the browser to show the enclosed text as a subscript.

<SUP>:- This tag instructs the browser to display the enclosed text as a superscript.
7.1 HTML 4.01 Tags
<abbr> The <abbr> tag defines an abbreviation or an acronym, like "Mr.", "Dec.", "ASAP",
"ATM".

<acronym>:- The HTML acronym tag is used for indicating an acronym.

<applet>:- The HTML applet tag is used for embedding a Java applet within an HTML
document.

<bdo>:- The HTML bdo tag is used for overriding the text direction.

<button>:- The HTML button tag is used for creating a button within forms.

<del>:- The HTML del tag is used for markup of deleted text

<fieldset> The <fieldset> tag is used to group related elements in a form.

<frame>:- The HTML frame tag is used to specify each frame within a frameset.

<frameset> The <frameset> tag defines a frameset.

<iframe> The <iframe> tag specifies an inline frame.

<ins> The <ins> tag defines a text that has been inserted into a document.

<label>:- The label element allows us to attach a caption/label to a control so that the user knows
what the control is for.

<legend> The <legend> tag defines a caption for the <fieldset> element.

<noframe> The <noframes> tag is a fallback tag for browsers that do not support frames. It can
contain all the HTML elements that you can find inside the <body> element of a normal HTML
page.

<noscript> The <noscript> tag defines an alternate content for users that have disabled scripts in
their browser or have a browser that doesn't support script.

<object> The <object> tag defines an embedded object within an HTML document. Use this
element to embed multimedia (like audio, video, Java applets, ActiveX, PDF, and Flash) in your
web pages.

<optgroup> The <optgroup> is used to group related options in a drop-down list.

<param> The <param> tag is used to define parameters for plugins embedded with
an <object> element.
<q>:- The q tag is used for quotation marks.

<span>:- The span is commonly used for applying styles, but can also be useful for specifying a
language, or specifying text direction.

7.2: HTML 4.01 Deprecated Tags

<APPLET> Introduced in HTML 4.1

<BASEFONT> Introduced in HTML 3.2

<CENTER> Introduced in HTML 3.2

<DIR> Introduced in HTML 1.0

<FONT> Introduced in HTML 3.2

<ISINDEX> Introduced in HTML 1.0

<MENU> Introduced in HTML 1.0

<S> Introduced in HTML 3.2

<U> Introduced in HTML 2.0

8.1 : HTML 5 Tags

<article>:-It specifies an article.

<aside>:-It specifies content aside from the page content.

<audio>:- It specifies sound content.

<bdi>:-It is used for bi-directional text formatting.

<canvas>:- It is used to define graphics.

<command> It specifies the type of Command.

<data>:- It allows for machine readable data to be provided.

<datalist>:- It specifies an autocomplete dropdown list.

<details>:- It specifies details of an element.

<dialog>:- It specifies that part of an application is interactive.

<embed>:- It specifies external application or interactive content.

<figcaption>:- It specifies caption for the figure element.

<figure>:-It specifies a group of media content and their caption.

<footer>:- It specifies a footer for a section or page.

<header>:-It specifies a group of introductory or navigational aids.

<hgroup>:-It specifies a header for a section or page.

<keygen>:-It is used to generates a key pair.

<main>:-It specifies the main content area of an HTML document.

<mark>:- It specifies marked text.

<menu>:-It specifies a command that a user can invoke from a popup menu.

<meter>:-It specifies measurement within a predefined range

<nav>:- It Specifies navigation links.

<output> The <output> tag represents the result of a calculation (like one performed by a script).

<progress>:- It specifies progress of a task of any kind.

<rb>:- It marks the base text component of a ruby annotation.

<rp>:- It is used for the benefit of browsers that don't support ruby annotations.

<rt>:- It specifies the ruby text component of a ruby annotation.

<rtc>:-It marks a ruby text container for ruby text components in a ruby annotation.

<ruby>:- It specifies a ruby annotation.

<section>:- It specifies a section.

<source>:- It specifies media resources.

<summary>:- It specifies a summary or caption for the details element.

<time>:- The <time> tag defines a human-readable date/time.

<track>:- It specifies a text track for media such as video and audio.
<video>It specifies a video.

<wbr>:-It specifies a line break opportunity for very long words and strings of text with no
spaces.

8.2 : HTML Obsolete Tags

<ACRONYM> Introduced in HTML 4.01

<APPLET> Introduced in HTML 4.01

<BASEFONT> Introduced in HTML 3.2

<BIG> Introduced in HTML 3.2

<CENTER> Introduced in HTML 3.2

<DIR> Introduced in HTML 1.0

<FONT> Introduced in HTML 3.02

<FRAME> Introduced in HTML 4.01

<FRAMESET> Introduced in HTML 4.01

<ISINDEX> Introduced in HTML 4.0

<NOFRAMES> Introduced in HTML 4.01

<TT> Introduced in HTML 2.0

9: HTML Tags in Tabular form

S.No. Tags Version Version Version Version Version

1.0 2.0 3.2 4.0 5.0
1 A P P P P P
2 ABBR Ab Ab Ab P P
3 ACRONYM Ab Ab Ab P Ab
4 ADDRESS P P P P P
5 APPLET Ab Ab Ab P Ab
6 AREA Ab P P P P
7 ARTICLE Ab Ab Ab Ab P
8 ASIDE Ab Ab Ab Ab P
9 AUDIO Ab Ab Ab Ab P
10 B Ab P P P P
11 BASE Ab P P P P
12 BASEFONT Ab Ab P P Ab
13 BDI Ab Ab Ab Ab P
14 BDO Ab Ab Ab P P
15 BIG Ab Ab P P Ab
16 BLOCKQUOTE Ab P P P P
17 BODY Ab P P P P
18 BR Ab P P P P
19 BUTTON Ab Ab Ab P P
20 CANVAS Ab Ab Ab Ab P
21 CAPTION Ab P P P P
22 CENTER Ab Ab P P Ab
23 CITE Ab P P P P
24 CODE Ab P P P P
25 COL Ab P Ab P P
26 COLGROUP Ab P Ab P P
27 COMMAND Ab Ab Ab Ab P
28 DATA Ab Ab Ab Ab P
29 DATALIST Ab Ab Ab Ab P
30 DD P P P P P
31 DEL Ab Ab Ab P P
32 DETAILS Ab Ab Ab Ab P
33 DFN Ab P Ab Ab Ab
34 DIALOG Ab Ab Ab Ab P
35 DIR P P P P Ab
36 DIV Ab Ab P P P
37 DL P P P P P
38 !DOCTYPE Ab P P P P
40 DT P P P P P
41 EM Ab P P P P
42 EMBED Ab Ab Ab Ab P
43 FIELDSET Ab Ab Ab P P
44 FIGCAPTION Ab Ab Ab Ab P
45 FIGURE Ab Ab Ab Ab P
46 FONT Ab Ab P P Ab
47 FOOTER Ab Ab Ab Ab P
48 FORM Ab P P P P
49 FRAME Ab Ab Ab P Ab
50 FRAMESET Ab Ab Ab P Ab
51 H1 P P P P P
52 H2 P P P P P
53 H3 P P P P P
54 H4 P P P P P
55 H5 P P P P P
56 H6 P P P P P
57 HEAD Ab P P P P
58 HEADER Ab Ab Ab Ab P
59 HGROUP Ab Ab Ab Ab P
60 HP1 P P Ab Ab Ab
61 HP2 P P Ab Ab Ab
62 HR Ab P P P P
63 HTML Ab P P P P
64 I Ab P P P P
65 IFRAME Ab Ab Ab P P
66 IMG Ab P P P P
67 INPUT Ab P P P P
68 INS Ab Ab Ab P P
69 ISINDEX P P P P Ab
70 KBD Ab P P P P
71 KEYGEN Ab Ab Ab Ab P
72 LABLE Ab Ab Ab P P
73 LEGEND Ab Ab Ab P P
74 LI P P P P P
75 LINK Ab P P P P
76 LISTING P P Ab Ab Ab
77 MAP Ab P P P P
78 MARK Ab Ab Ab Ab P
79 MAIN Ab Ab Ab Ab P
80 MENU P P P P P
81 META Ab P P P P
82 METER Ab Ab Ab Ab P
83 NAV Ab Ab Ab Ab P
84 NEXTID P P Ab Ab Ab
85 NOFRAMES Ab Ab Ab P Ab
86 NOSCRIPT Ab Ab Ab P P
87 OBJECT Ab Ab Ab P P
88 OL Ab P P P P
89 OPTGROUP Ab Ab Ab P P
90 OPTION Ab P P P P
91 OUTPUT Ab Ab Ab Ab P
92 P P P P P P
93 PARAM Ab Ab Ab P P
94 PLAINTEXT P P Ab Ab Ab
95 PRE Ab P P P P
96 PROGRESS Ab Ab Ab Ab P
97 Q Ab Ab Ab P P
98 RP Ab Ab Ab Ab P
99 RT Ab Ab Ab Ab P
100 RUBY Ab Ab Ab Ab P
101 S Ab Ab P P P
102 SAMP Ab P P P P
103 SCRIPT Ab Ab P P P
104 SECTION Ab Ab Ab Ab P
105 SELECT Ab P P P P
106 SMALL Ab Ab P P P
107 SOURCE Ab Ab Ab Ab P
108 SPAN Ab Ab Ab P P
109 STRIKE Ab P P P Ab
110 STRONG Ab P P P P
111 STYLE Ab Ab P P P
112 SUB Ab Ab P P P
113 SUMMARY Ab Ab Ab Ab P
114 SUP Ab Ab P P P
115 TABLE Ab P P P P
116 TBODY Ab P Ab P P
117 TD Ab P P P P
118 TEXTAREA Ab P P P P
119 TFOOT Ab P Ab P P
120 TH Ab P P P P
121 THEAD Ab P Ab P P
122 TIME Ab Ab Ab Ab P
123 TITLE Ab Ab Ab Ab P
124 TR Ab P P P P
125 TRACK Ab Ab Ab Ab P
126 TT Ab P P P Ab
127 U Ab P P P Ab
128 UL P P P P P
129 VAR Ab P P P P
130 VIDEO Ab Ab Ab Ab P
131 WBR Ab Ab Ab Ab P
132 XMP Ab P Ab Ab Ab
 10: CONCLUSION :
In this we have we had learned about different tags which are present in versions of HTML. We
had also classified tags into Deprecated and Obsolete tags in different version of HTML.

In the table we have put all the tags on the basis of their of HTML version.

HTML 1.0 Tags

Total Tags = 23 Tags

HTML 2.0 Tags

Newly Introduced Tags = 44 Tags

Deprecated Tags are shown in Section 5.2
Total Tags = 66 Tags

HTML 3.2 Tags

Newly Introduced Tags = 11 Tags
Total Tags = 77 Tags

HTML 4.0 Tags

Newly Introduced Tags = 20 Tags
Deprecated Tags are shown in Section 7.2
Total Tags = 96 Tags

HTML 5.0 Tags

Newly Introduced Tags = 37 Tags
Obsolete Tags are shown in Section 8.2
Total Tags = 133 Tags

So Total Tags up to HTML 5.0 are 133 Tags

 INDEX
Section 1: Web Server and Web Browser
Section 1.1: Comparison
Section 2: About HTML
Section 3: Versions of HTML
Section 3.1: HTML 1.0
Section 3.2: HTML 2.0
Section 3.3: HTML 3.2
Section 3.4: HTML 4.01
Section 3.5: HTML 5.0
Section 4: HTML 1.0
Section 4.1: Tags
Section 5: HTML 2.0
Section 5.1: Tags
Section 5.2: Deprecated Tags
Section 6: HTML 3.2
Section 6.1: Tag
Section 7: HTML 4.01
Section 7.1: Tags
Section 7.2: Deprecated Tags
Section 8: HTML 5.0
Section 8.1: Tags
Section 8.2: Obsolete Tags
Section 9: HTML Tags in Tabular Form
Section 10: Conclusion
 WEB TECHNOLOGY
(DCO-512)

Name of Practical: To classify HTML tags on the basis of their versions in the
tabular form.

Submitted by:
Mohd Aadil Rana
Roll. No. 16-DCS-031
Diploma in Computer Engineering- V Semester

Computer Engineering Section

University Polytechnic, Faculty of Engineering and Technology
Jamia Millia Islamia (A Central University)
New Delhi-110025
Session 2018-2019