Sunteți pe pagina 1din 29

SRI KRISHNA ARTS AND SCIENCE

COLLEGE
DEPARTMENT OF BCA & M.SC SS

WEB DESIGNING

(15SSI33)
ATTENDANCE
SNAP TALK
HYPER TEXT MARKUP LANGUAGE
(HTML)
TOPIC TO BE DISCUSSED

INTRODUCTION TO HTML
INTRODUCTION TO HTML
Introduction
 Information is very dynamic and it keeps changing
and re-changing all the time.
 A change in information requires the contents of
the book, manuals & other resources to change
which may require in reprinting of them.
 To solve this problem information needs to be
stored in such a manner that whenever the
information changes these changes can be
incorporated with the least cost & time.
 This can be achieved by storing the information in he
form of computer based files in a central location, which
can be accessed by the users when required for
reference, with the help of a network. Thus to provide
information to users:
1. File holding information must be created.
2. It must stored in a central location of a computer.
3. When required the users should be allowed to
accessed this files using their desktop computers.
4. A network link must be created between the desktop
computer and the server computer
INFORMATION FILE CREATION

 The information can be stored only in the form


of files which must be created first.
 Files that travel across the internet and carry
information from server to the client are called
as webpages.
 The individuals who develops these web pages
are called as web developers.
WEB SERVER
 The organization of webpage into directories and
files stored on the central computer is called
Website Creation.
 Computers, which stores these web pages are
called Web Server. The server computer runs a
special software called Web Server software that
allows:
1. Website management.
2. Accept a clients request for a information.
3. Respond to the clients request.
WEB CLIENT/BROWSER
 To access information stored in the form of web
pages, users must connect to a webserver.
 Computer that offer the facility to read information
stored in web pages are called web client.
 Web client runs a special software called that
allows them to:
1. Connect to an appropriate server.
2. Query the server for information to be read.
3. Provides the information returned by the server.
HOW A BROWSER COMMUNICATES
WITH WEB SERVER
 It happens in four stages:

1. Establish a connection.

2. Client issues and request.

3. Server sends a response.

4. Server terminates the connection.


HYPER TEXT MARKUP LANGUAGE
(HTML)
 The language used to develop web pages, also
called as HTML documents is called Hypertext
Markup Language.
 HTML is specified as tags in a HTML
documents.
HTML TAGS
 Tags are instructions that are embedded directly
into the text of the document, which acts as a
signal to the browser that it should do something
other than just show text upon the screen.
 Every HTML Tags opens and closes with angle
brackets.
 HTML Tags are of two types:
 Paired Tags:
 Itis given with the companion tag.
 E.g.: <B>……</B>
 Singular Tags: It does not have any companion Tag
 E.g.: <BR>
COMMONLY USED HTML COMMANDS
The Structure of the HTML Program:
 The entire web page is enclosed within <html>….</html>

 Within these tags two distinct sections are created they are:

Document Head:
 Information placed in this section is essential to the inner
working of the document and has nothing to do if the content
of the document.
 With the exception of information contain within the <title>….
</title> tags, all information placed with the
<head>…..</head> tags is non displayed in the browser.
 SYNTAX:

<head> <title>…. </title> </head>


Document body
 The tags used to indicate the start and the end of the main
body of the textual information are:
<body>….</body>
 Page defaults like background color, text color, font size and so
on can be specified as the attributes of the <body> tag. The
attributes that the <body> tag takes are:
CSS Background Set the default background color property to the
Formatting (background- background color of an element. This tag is written
color:) in the CSS file.
CSS Background Set the background image property of an element
Formatting (background- or of the document. This tag is written in the CSS
image:) file.
Text Changes the body text color from its default value
to the color specified within the attribute.
TITLES AND FOOTERS
Title:
 In a web page, a title describes what the page is about
without being wordy.
 Achieved using TITLE tag. <Title>……</Title>.
Footer:
 Certain information is placed in the foot of the web page
same as Title is placed in the top of the browser window.
 Contents like:
 Copyright information.
 Contact details & so on details.
 Tag used: <address>…..</address>
 Tag placed at the last line of the page and always written in
italics
TEXT FORMATTING

Paragraph Breaks
 A blank line always used to separate
paragraphs in textual method.
 Tag used: <p>……</p>

Line Breaks
 When text needs to start from a new line (next
line).
 Tag used: <br>
EMPHASIZING MATERIAL IN A WEB
PAGE
 HTML uses certain heading styles and drawing lines
Heading Styles
 HTML supports six different levels of headings from
<h1>(Highest Level Header Format) to <h6>(Lowest
Level Header Format).
Drawing styles
 Tag <hr> draws a line or horizontal rules.

ALIGN ALIGN=LEFT, align line to left.


ALIGN=LEFT, align line to left.
ALIGN=LEFT, align line to left.
SIZE: Changes the size of the rule.

WIDTH Sets the width of the rule & set to a


fixed inner of pixel or a percentage
TEXT STYLE
1. BOLD
 Displays Text in BOLDFACE style.
 Tags used: <b>….</b>
2. Italics
 Displays Text in ITALICS style.
 Tags used: <i>…..</i>
3. Underline
 Displays Text Underlined.
 Tags used:<u>…</u>
OTHER TEXT EFFECTS
Centering
 Using the <center> tag, everything found
between the is centered like text, image, rules,
tables, etc.
 E.g.: <center>…….</center>
Spacing
 Using <space> tag we can insert blank spaces
in HTML document. Its attributes are:
TYPE TYPE=”Horizontal” indicates the horizontal space to be
left TYPE=”Vertical” indicates the vertical space to be left
SIZE Indicates the amount of space to be left.
Controlling Font Size and Color
 Font tag is deprecated

 Instead of font tag now the font tag is


specified with CSS text formatting properties.
 CSS text formatting properties must be
specified in “STYLE”. Some of the attribute
of font available in CSS text formatting are:
font-family Sets the text to the specified font for the specified element.

font-size Sets the size of the text. Font size value can be absolute or
relative.
color Sets the color of the text.
KEYWORDS

 Files across internet – web pages – web


developers – web browsers
 Web servers – Clients – Connection – Request
– Response
 Hyper Text Markup Language – Head – Title –
Body – Heading – Footer
POINTS TO PONDER
 Files that travel across the internet and carry
information from server to the client are called
as webpages.
 The individuals who develops web pages are
called as web developers.
 The language used to develop web pages are
called as HTML
 Every HTML Tags opens and closes with angle
brackets
QUESTION AND ANSWER

 1. The individuals who develops web pages are


called as___________.

 Ans: Web Developers


 2. To access information stored in the form of
web pages, users must connect to __________.

 Ans: Web Server


 3. The information can be stored only in the
form of _____ which must be created first

Ans: files
 4. Page defaults like background color, text
color, font size and so on can be specified as
the attributes of the __________ tag

Ans: <body> tag


 5. Using _______ tag we can insert blank
spaces in HTML document

Ans: <space> tag


Topic to be covered in the next session :
LISTS – ADDING GRAPHICS TO HTML DOCUMENT