Вы находитесь на странице: 1из 20

HTML

Introduction to the
HTML
Hyper text markup
language
Its is not a programming
language like other C,java,VB.. It
is universal language.
It is use for Designing websites
& describe the way how to set
the text & images, graphics.
It is documentation lang. to
mark the headings, titles,
tablesetc




History

The seed for html was shown by IBM in
the 1980s
They want some documentation pages.
They called it GML (General Markup
Lang.)
Than in 1986 ISO took up the concept and
named SGML (Standard Generalized
Markup Lang. )
Than Berners lee worked on it and named
HTML.
Started with HTML.0 & now HTML.4 and 5
in use
TAGS
In html working with tags.
A tag tells the browser to do
something.
TAG enclosed with angle brackets
<TAG> & case insensitive.
Every tag has the Attributes it
specifies how customizes & modify
the HTML elements.
Tags works in begin end pairs
<tag> .. </tag>
These pairs represents containers.

Nesting of tags
<tag1> <tag1>
<tag2> <tag2>
</tag2> </tag1>
</tag1> </tag2>

CORRECT INCORRECT

Some tags are stand alone such tags
called empty tag
<tag1>
<tag2>
</tag1>

How to make a HTML file
Open a text editor application
(eg.notepad..)
Make the html documentary with the
standard tags.
Click File then save as and chose the
save path.
remember file should be save with
extension .html or .htm
Than press enter and open with the
browser or double click the html file
automatically browser open the file.
HTML DOCUMENT
A html start with tag <html></html>
Every Html document has the following
two section
1.Head <head></head>
2.Body <body><body>
These tags are specify this is a Html
document.
Head tag contains general information
like title of the document.
Body tag contains text, pictures and
graphics.






Head tag contains the title
<html>
<head>
<title>
welcome
</title>
</head>
<body>
</body>

</html>
Title is the heading that appears as the
title of the window.
Entering Text In BODY Tag
Body tag contains all the text and graphics part
of the Web Page.
Headings.
Suppose a document has the some liens
<h1> welcome here</h1>
<h2>welcome again </h2>
.
.
.
<h6> welcome </h6>
And in the form of paragraph
paragraph tag<p>..</p>
Paragraph tag helps in proper formatting of the
paragraphs.


<html>
<head>
<title>
welcome
</title>
</head>
<body>
<h1> first document</h1>
<p> I m creating my first document through the
html. </p>
</body>

</html>
Br tag <br>
For breaking the line forcefully
It never needs an end tag these tag are called
EMPTY tag

<body>
<h1> first document</h1>
<p>
I m creating my first document through the
html.BR Tag this tag can be inserted after
a sentence, so that the text after<br> tag
scrolls to the next line.
</p>
</body>
Hr tag
This tag use for give the partition horizontally
<hr>
This is also a empty tag



Comments TAG
The comment tag used to inserted
the source code. A comment will be
ignored by the browser
You can use comment to explain
your code.
A comment declaration starts with
and end with .
<! - This is comment text - >
<html>
<head>
<title>
welcome
</title>
</head>
<body>
<h1> first document</h1>
<hr>
<h2> second document<h2>
<p> I m creating my first document through the html. I m
creating my first document through the html.BR Tag this tag
can be inserted after a sentence, so that the text after<br>
tag scrolls to the next line.
</p>
</body>

</html>

HTML TEXT
Working with HTML Text
Implicit and Explicit Text
Emphasis
Pre-formatting text
The <div>tag
The <basefont>tag
Working with HTML Text
Text is the most important
component of the web.
If you have no graphics in the web
page so that time your text should
be more important
So make your text attractive with
some text formatting tags.
There are no of tags that help you
for this process.

<b>bold</b>
<i>italic</i>
<u>underline</u>
<big>Example</big>
<small>Example</small>
<center> This will center your
contents</center>
<strike> Deleted text</strike>
<strong> same as strong</strong>
<cite> same as italices</cite>
<em> Emphasis your text</emp>
<tt> typewriter style text </tt>


FONT TAG
<font face="Times New
Roman">Example</font>

<font face="Times New Roman"
size="4">Example</font>

<font face="Times New Roman"
size="+3"
color="#ff0000">Example</font>
<h1> Heading 1 Example </h1>
<h2> Heading 2 Example </h2>
<h3> Heading 3 Example </h3>
<h4> Heading 4 Example </h4>
<h5> Heading 5 Example </h5>
<h6> Heading 6 Example </h6>


<p>paragraph
This is an example displaying the use of the paragraph tag. <br>
This will create a line break and a space between lines.
</p>
Attributes:

<p align="left">
This is an example<br>
displaying the use<br>
of the paragraph tag.<br>
</p>

<p align="right">
This is an example<br>
displaying the use<br>
of the paragraph tag.<br>
</p>

<p align="center">
This is an example<br>
displaying the use<br>
of the paragraph tag.
</p>
Implicit & Explicit TEXT
Emphasis

Вам также может понравиться