WEB PAGE DESIGN USING HTML

TABLE OF CONTENT
INTRODUCTION 3
WHAT IS HTML 4
FEATURES OF HTML 5
TAGS IN HTML 6
THE THREE C’S OF WEB PAGE 16
2

Tim Berners Lee developed HTML in the early 1990 at
CERN ( Conseil European de la Recherche Nucleaire ),
the European Particles Laboratory in Geneva,
Switzerland.
HTML is a public domain and not owned by anybody.
The WBC (World Wide Web Consortium
www.w3.org) is the body, which controls the HTML
standards.
3

HTML
(HYPER TEXT MARKUP LANGUAGE)
Hyper Text Markup Language (HTML) is
suitable for converting ordinary text into
hypertext. It is a set of special codes included
to control the layout and appearance of the
text. Technically, HTML is not a programming
language. It combines instructions within data
to form a display program, called browser.
4

HTML HAS THE FOLLOWING FEATURES
1.
• HTML is a character-based method for describing and
expressing the content. The content is pictures, text,
sound, and video clips.
2.
• It delivers
• the contents to multiple platforms.
3.
• It links document components or documents together to
compose compound documents.
4.
• HTML is a type of code. It embeds simple codes within
Standard ASCII test documents to provide an integrated, two-
dimensional display of text and graphics.
5.
• Any document created with any word processor and stored
in ASCII format can become a Web page with the addition of
a few HTML codes. 5

Tag or Tag element refers to the HTML codes
that define the element in an HTML file such
as headings, images, paragraphs and list.
There are two kinds of tags container tag and
empty tag. HTML tags are inserted into a
document between < and > symbols. Tags
are not case-sensitive.
6

HTML TAGS
Container Tag < >
Empty Tag
Attribute : Attribute =“value”
e.g., align = “center”
7

Paragraph and Line Break Tags :
The P (Paragraph) Tags 
The BR (Line Break) Tag 
8

Formatting the text
Using Italic
 and
Bold Highlighting.
 
 Underline
 
9

Starting user page document tags :
 The Html Tag <HTML> </HTML
 The Title Tag <TITLE> </TITLE>
 The Head Tag <HEAD> </HEAD>
 The Body Tag <BODY> </BODY>
10

Creating Lists
The OL (Ordered List ) Tags <OL> </OL>
1. Kolkata
2. Delhi
3. Mumbai
The UL (Unordered List) Tag <UL> </UL>
• Kolkata
• Delhi
• Mumbai
11

Creating Definition Lists
DL Tag – A tag to define the list
<DL> </DL>
DT Tag – A tag to define the term
<DT> </DT>
DD Tag – A tag to define the definition
<DD> </DD>
12

Other Tags
The HR Tag (Horizontal Rule)
<HR> </HR>
The LI Tag <LI> </LI>
13

Adding Image to your Web Page
The Image Tag
Syntax :
<img src=“ file name with the extention .png
or .jpg ”> </img>
e.g.;
<center><img src=“ sxccal.jpg”></img></center>
14

CREATING HYPERTEXT LINKS
• Anatomy of the A (Anchor) Tag :
<A HREF = “SXC.HTML”> Go to sub document</A>
Start and End tags
Link Target Link Text
15

To develop Web pages, we always
remember the following three C’s of Web
page design :
16

WEB PAGE DESIGN USING HTML

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (12)

Similar a WEB PAGE DESIGN USING HTML

Similar a WEB PAGE DESIGN USING HTML (20)

WEB PAGE DESIGN USING HTML