1. Presented By : Ali Akram
Roll No. : 1019
Class : BS IT (M)1ST semester
University of Education Okara Campus 1
2. Definition
Requirements
HTML basic tags and structer
HeadingTags
Paragraph making
Tags for break the line
Tags for italic,bold and underline
Tags for images
Tag for link
University of Education
Okara Campus
2
3. Html is a tag-based markup
language used to create web page.
It is not a programming language,it
is a markup language.
University of Education Okara Campus 3
4. Text editor:
A text editor is a soft wear application used to create
and manipulate text, such as notepad and
WordPad.
TAGS:
Tags serve as the foundation of HTML language.
Tag define the element and characteristics of HTML
language.
University of Education Okara Campus
4
6. University of Education Okara Campus
6
HTML tags are
usually in pairs
Between the
<head> and </head>
tags, you find
information about
the page
Between the
<body> and </body>
tags, you find
instructions for
displaying text,
pictures etc...
7. University of Education Okara Campus
7
Heading styles
We can use
different heading
sizes from
<h1> Heading 1
(the biggest)
to
<h6> Heading 6
(the smallest)
to make our
headings stand
out
9. University of Education Okara Campus
9
<HTML>
<HEAD>
<TITLE>My home page</TITLE>
</HEAD>
<BODY>
<p>Here you write a paragraph
or a context for your webpage.</p>
</BODY>
</HTML>
10. If we write two lines on notepad then after
refresh on webpage like internet explore the
result is that two lines appear on single one.
So we use the tag:
This is my first line<br/>This is my second line.
In <br/> tag there is only single tag no closing
tag.
University of Education Okara Campus 10
11. For bold letter:
<b>write line</b>
Result:
“write line”
For italic letter:
<i>write word</i>
Result:
“Write word”
For underline:
<u>my name</u>
Result:
“my name”
University of Education Okara Campus
11
13. Example HTML code:
<HTML>
<head>
<title>Hello World</title>
</head>
<body bgcolor = “#000000”>
<font color = “#ffffff”>
<H1>Hello World</H1>
</font>
</body>
</HTML>
University of Education Okara Campus
13
14. Allow variety in how an element is displayed or
functions:
Example:
<img src=“football.jpg” width=“100px”
height=“100px”/>
<img is a flag to the browser to insert an
image, while the attributes tell the browser
how to display the image
University of Education Okara Campus 14
16. HTML is very important for making webpage.
With the help of HTML we can easily create
page of our desires.Simply by using the tags
we can easy adjust everything in stylish way.
University of Education Okara Campus 16