Introdution To HTML
Introdution To HTML
TO HTML
HTML CONTENTS
• INTRODUCTION OF HTML
• OBJECTIVE OF HTML
• WORLD WIDE WEB
• HTML TOOLS
• HTML TERMINOLGY
• HOW TO CREATE AN HTML DOCUMENT
• S A V I N G A N D V I E W I N G A H T M L DOCUMENT
• TEXT TEGS
• SPECIAL CHARTACTER
• ADVANTAGES OF HTML
• DISADVANTAGES OF HTML
INTRODUCTION OF HTML
• <HTML>
Your Title and Document (contains text with HTML
tags) goes here
• </HTML>
Most HTML tags have two parts, an opening tag and
closing tag. The closing tag is the same as the
opening tag, except for the slash
mark e.g. </HTML>. The slash mark is always used
in closing tags.
An HTML document has two distinct parts
HEAD and BODY
• <HTML>
• <HEAD>
• .............
• .............
• .............
• </HEAD>
• <BODY>
• .............
• .............
• .............
• </BODY>
• </HTML>
HEAD Tag <HEAD>
<BODY>
Your Document goes here
</BODY>
BODY Tag <BODY>
It is a Network of Networks
MARQUEE TAG
• Example:
<BODY>National Institute of Open Schooling <BR>
B-31B, Calipash Colony <BR>
New Delhi-110048</BODY>
• Output:
National Institute of Open Schooling
B-31B, Calipash Colony
New Delhi-110048
Using Preformatted Text Tag:
<PRE>
• <PRE> tag can be used, where it requires total
control over s p a c i n g a n d l i n e b r e a k s
such a s t y p i n g a p o e m . B r o w s e r
preserves your space and line break in the text
written inside the tag.
Using Preformatted Text Tag:
<PRE>
• Example:
<PRE>
National Institute of Open Schooling
B-31B, Kailash Colony
New Delhi-110048
</PRE>
• Output:
National Institute of Open Schooling
B-31B, Kailash Colony
New Delhi-110048
An HTML document control.html shows the use of
<P>,
<BR> and <PRE>
<HTML>
<HEAD>
<TITLE>
Use of Paragraph, Line break and preformatted text Tag
</TITLE>
</HEAD>
<BODY>
HTML Tutorial
<P>
HTML stands for Hypertext Markup Language
It is used for creating web page. It is very simple
and easy to learn.
An HTML document control.html shows the use of
<P>,
<BR> and <PRE>
</P>
<P>
HTML stands for Hypertext Markup Language.<BR>
It is used for creating web page. It is very simple<BR>
and easy to learn.<BR>
</P>
<PRE>
HTML stands for Hypertext Markup Language
It is used for creating web page. It is very simple
and easy to learn.
</PRE>
</BODY>
</HTML>
OUTPUT
• HTML Tutorial
HTML stands for Hypertext Markup Language. It is used for
creating web page. It is very simple and easy to learn.
• Example:
<BODY>
Your horizontal rule goes here. <HR>
The rest of the text goes here.
</BODY>
• Output:
Your horizontal rule goes here.
<PRE>
The copyright symbol is: ©
The registered rank is: ®
</PRE>
• Output:
The copyright symbol is:©
The registered rank is:®
List Elements
• <UL>
<LI> List item …</LI>
<LI> List item …</LI>
• </UL>
• List item …
• List item …
List Elements
• <UL TYPE=“square”>
<LI> List item …</LI>
<LI> List item …</LI>
<LI> List item …</LI>
• </UL>
List item …
List item …
List item …
List Elements
1. List item …
2. List item …
3. List item
• You have the choice of setting the TYPE Attribute
to one of five numbering styles.
List Elements
List Elements
• You can specify a starting number for an ordered list.
<OL TYPE =“i”>
<LI> List item …</LI>
<LI> List item …</LI>
</OL>
<P> text ….</P>
<OL TYPE=“i” START=“3”>
<LI> List item …</LI>
</OL>
List Elements
i. List item …
ii. List item …
Text ….
• Easy to use
• Loose syntax (although, being too flexible will not
comply with standards).
• Supported on almost every browser, if not all
browsers.
• Widely used; established on almost every website,
if not all websites.
ADVANTAGES OF HTML