Scribd
Upload
6 views

HTML 1

Uploaded by

anshumanpatra664
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
6 views

HTML 1

Uploaded by

anshumanpatra664
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

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>

You might also like