E
AG
L
U
G
A N
M
L
P
KU
H T R
TE
XT
M
AR
P E
Y
H
• Appreciate the concept of website
designing.
• Realize the importance of a web
browser.
• Learn to use text editors.
• Understand tags and their types.
• Appreciate the use of head and body
element in HTML program.
• Design web pages using various HTML
tags.
• Understand the need of attributes and
learn to use them.
TYPES OF WEBPAGES
STATIC DYNAMIC
DESIGNING A WEBSITE
1.TEXT EDITOR- is a word processing
program that is used to type and edit
an HTML program.
2. WEB BROWSER-is a software which
is used to view websites.
HTML TAGS
An html tag is composed of the name of the
element, surrounded by angle brackets.
Two types of tags-
1.Container tag: these tags contains text or
other tags.
it consists of start tag and End tags
every tag always start with <> and c end
with </> tag
2. Empty tag :these tags do not contain text
or any other tag and they do not have end
tags.
SOME CONTAINER TAGS-
Html tag- it is the root tags
Head tag- it is a container tag, it can
include the title of the webpage
Title tag- it is used inside the head tag to
specify the document title
Body tag- it defines the document body.
SAVING A HTML FILE
Select the save or save as option
from file menu.
Mention the file name with HTML file
extension
Below it select file type as ALL FILES
Select the file location a DESKTOP for
easy access.
Click on the SAVE button
VIEWING WEBPAGE
Open any Browser on the computer
system.
Click on the file menu – select the open
option
Choose the correct path where you save
the document file.
Click the OPEN BUTTON and click OK in
the open dialogue box.
ATTRIBUTES
Attributes always appear inside the
opening tag and their values inside
quotation marks. A tag can have more
than one attribute also.
<bodY bgcolor=“red”> this webpage
background colour will red</body>
<p align=“left”>this paragraph is left
aligned</P>
ATTRIBUTES OF BODY TAG-
bgcolor- specifies the
background colour of a
document
text- specifies the color of the
text in a document
HEADING TAGS
H1- Highest text size specified in the
heading section of the document.
H2
H3
H4
H5
H6- smallest text size specified in the
heading section of the document
HR TAG
<HR> tag is used to draw a
horizontal line between the block of
text.
<body>
This text will be followed by a
horizontal line
<hr>
</body>
COMMENT TAGS
1.Using <comment tag>
<comment>will not display on the webpage
</comment>
2. Using <!– and tag
<!- this text will not display on the webpage
BOLD, UNDERLINE, ITALICS
<B> this text is bold text</B>
<U> this text is Underline</U>
<I>this text is Italic</I>
<B><I><U> this text is bold italic and
underline </B></I> </U>
