HTML
• HTML stands for Hypertext Markup Language.
• It is a Language used to create Web Pages or
Hypertext document.
• A Markup Language is a set of instructions
often called TAGS which can be added to text
files.
• HTML is only a formatting language is not a
programming language.
Cnt…
• The idea behind hypertext is that instead of
reading text in a right linear structure we can
easily jump from one point to another point.
• HTML is platform independent i.e., for
example if we can access internet, we can
access WORLD WIDE WEB (WWW)
irrespective of client OS and OS of the web
server are accessing. So, we can view one
download HTML files on www through
browser.
Cnt…
• Elements of a web document are labelled
through the usage of HTML tags.
• It is the tags that describe the document.
• Anything that is not a tag will be displayed in
the document itself.
• HTML does not describe any page layout i.e.,
for example, word for windows have different
styles for headings, font size etc.
Cnt…
• But HTML doesn’t have all these. Based on the
Platforms, appearance of any element will
change.
• The formatted text will appear differently on
different machines / Platforms.
• By separating the Structure of the document and
appearance, a Program that reads and
Understands HTML can make formatting
decision based on capabilities of individual
Platform.
Advantages of HTML
• A HTML document is small and hence easy to
send over the net. It is small because it doesn’t
include format information.
• HTML documents are cross platform
compatible and device independent. We need a
HTML readable browser to view them.
Basic HTML tags
• <!doctype> : This tag formally starts an
HTML document and it also indicates the
version of HTML used.
<!doctype HTML PUBLIC “//w3c//DTDHTML
Q.o//EN”>
Cnt…
• <HTML>:
Every HTML document starts with a <html>
tag and it is always the first tag in a html page
and indicates that the document is a HTML
document. The end tag <html> is </html>.
Example:
<html> …….. </html>
Cnt…
• <head>:
It contains the head of an html document, which
holds about the document such as title. Each
property defined html page should have a head
which we create with <head> tag. It has header
information and it is displayed at the top of the
browser. Each tag for
<head> is </head>.
<head> ………..</head>
Cnt…
• <title>:
It contains the title of the html document which
includes the content that will actually appear in
the web browser. The entire content of the web
page is placed in the pages
<body> tag. The end tag <body> is </body>
<title> ……... </title>
Cnt…
• <body>:
It contains the body of the HTML Document,
which includes the content that will actuall
appear in the web browser. The entire content
of the webpage will be placed in the pages
<body> tag. The end tag of the
<body> tag will be </body>.
<body> …….. </body>
STRUCTURE OF THE HTML
PROGRAM
The HTML Program is generally divided into two
sections i.e. head and body. We use <head> and
<body> tags to indicate these two sections. <head>
section holds the header information of a webpage
document indicated by a title that is provided by
using <title> tag in the <head>. The title helps us
to refer to the webpage. <body> section contains
the content which we want to display which the
webpage. Anything that is not a tag will be
displayed within the webpage.
Example:
<html>
<head>
<title>First Webpage</title>
</head>
<body>
This is my first page
</body>
</html>
Output: