WEB PAGE DESIGN USING HTML

1

Introduction to

HTmL

2

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

16

3

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.

http://www.w3.org/

4

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.

5

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.

6

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.

7

HTML TAGSContainer Tag < > Empty Tag Attribute : Attribute

=“value” e.g., align = “center”

8

Paragraph and Line Break Tags :

The P (Paragraph) Tags The BR (Line Break) Tag 

9

Formatting the text

Using Italic and

Bold Highlighting. 

Underline 

10

Starting user page document tags :

The Html Tag <HTML> </HTMLThe Title Tag <TITLE> </TITLE>The Head Tag <HEAD> </HEAD>The Body Tag <BODY> </BODY>

11

Creating ListsThe OL (Ordered List ) Tags <OL>

</OL> 1. Kolkata2. Delhi3. MumbaiThe UL (Unordered List) Tag <UL>

</UL>• Kolkata• Delhi • Mumbai

12

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>

13

Other Tags

The HR Tag (Horizontal Rule)<HR> </HR>

The LI Tag <LI> </LI>

14

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>

15

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

16

To develop Web pages, we always remember the following three C’s

of Web page design :

Quality Content

Documents

WEB PAGE DESIGN USING HTML