HTML
-INTRODUCTION
Hyper Text Mark Up Language
-Heart of world wide web
Helps to put text,pictures,animation,video,sound etc
Its mark up and not a programming language
Appearance depends on web browser to great extent
Web browser use HyperTextTransportProtocol to communicate
HTML TAGS
Tags are used to mark up html
elements
Surrounded by two characters
,angle brackets
May be in pair like or empty
like
First in pair is start tag & other is end
tag,in between elements
Not case sensitive use or
HTML TAGS…..
.First tag to appear on every web page
.Not necessary
.Codes are put in between
. information that describes page so that
Web search engines can add
references to page to search indexes.
.immediately follow html tag
HTML TAGS….
Head tag contain this one
.used to label a bookmark entry and caption in
search engine result
.The body section of the Web
page contains the tags that tell the
Web browser what to display onscreen and
how you want it to look.
ATTRIBUTES OF BODY TAG
Appearance of document dependent on
attributes of body
BGCOLOR-either give color or code
BACKGROUND-”x.jpg”
LINK
VLINK-visited link
ALINK-active link
COLORS
Color is specified by red,green and
blue components of color in
hexadecimal notation,with # in
front.For example
While=#FFFFFF
Black=#000000
Silver=#C0C0C0
Yellow=#FFFF00
Other TAGS
TO -different
font size
- instructs Web browser to move
down one line,insert a blank line, then to
begin next paragraph on line below blank
line for the text following the tag.
-displayed in monospaced
font to retain formatting
.text wrapped at line breaks
.spaces are not collasped
.empty tag
.force line break
-To bring text in
center
-bold
-italics
-underline
-to point out from
surrounding
HTML TAGS…
-emphasized text using
italics
-mark up title of cite
-to strike out
-subscript
-superscript
-horizontal line
.size-thickness
.width –in % or pixcels
.noshade-appearance
OTHERS…
-for deciding various
attribute sof fonts
.
Comment-
Special characters-
ex:-for copyright symbol either add
© or ©
LIST TAG
-list item
-ordered list
Type-1|a|A|i|roman
-unordered list
Type-disc|square|circle
DEFINITION LIST
a list of items with
associated definitions
-mark up the term
-definition of term in dt
TABLES
Uses-arranging info in table, creating
page layouts with hidden table
start and end of
table defn
defines a new row in the
table
defines ingle cell in row
same as td but in bold
face
TABLES ATTRIBUTE
BORDER
BORDERCOLOR
CELLPADDING-BTW SIDE OF CELLS
AND ITS CONTENTS
CELLSPACING-BTW TWO CELLS OR
CELL AND BORDER
BGCOLOR
WIDTH AND HEIGHT-in % or
pixcels
TABLES….
-to provide caption to table
ATTRIBUTES FOR TD or TH
rowspan-how many rows present cell overlaps
colspan-how many columns present cell overlaps
Valign-top|middle|bottom(applied for TR also ie for
whole row)
Align-left|right|center(applied for TR also)
Width-for the width of cell
Height-for the height of cell
FORMS
Acts as controller for control
-to create a form ,it simply
marks the beginning and end of the form
Most common tags
.
.
.
.
.
ATTRIBUTES
.TYPE=text|password|checkbox|radio|submit|reset|file|hi
dden|image
.NAME
.VALUE
.CHECKED
.SIZE
.MAXLENGTH
.SRC
.ALIGN=top|middle|bottom|left|right
.DISABLED
.READONLY
TYPE..
Text-generates an input field
Password-input field,but the text will
be hidden by “*” or similar characters
Button-produce a normal button
Submit-produce a button when
pressed send the contents of the form
Reset-produces a button,on clicking
contents of form are reserved
CHECKBOX
Used to select one or more
appropriate options
VALUE-defines what will be submitted
CHECKED-specifies whether control is
intially checked
RADIO
NAME=string
VALUE=string
CHECKED
ALIGN=top,middle,bottom,right,left
HIDDEN
Name,Value
TEXTAREA
Name,Value,Rows,Cols,Readonly
wrap-off/virtual/physical
SELECT
Give a drop down menu field
Name,size,multiple,disabled