Scribd
Upload
134 views34 pages

Rms

This document provides information on various HTML tags and their properties. It begins with an overview of HTML and how it is used to represent data pictorially using a text-based language that is interpreted by browsers. It then discusses specific HTML tags for text formatting, images, links, lists and more. For each tag, it provides details on their properties, examples of use, and how they are used to structure and present content on web pages.

Uploaded by

sauvish
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
134 views34 pages

Rms

This document provides information on various HTML tags and their properties. It begins with an overview of HTML and how it is used to represent data pictorially using a text-based language that is interpreted by browsers. It then discusses specific HTML tags for text formatting, images, links, lists and more. For each tag, it provides details on their properties, examples of use, and how they are used to structure and present content on web pages.

Uploaded by

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

Internet Technology :

An internet there are many heterogeneous hardware & software are connected on a network or by the networks, all of them are required to provide the support from communication with each other, Internet transfer of data is availed by using protocol software,but commonality is maintained by AS II character set !"#I$ $%&'(

)T*+
An internet if data representation is to be done pictorially than )T*+ is employ( )T*+ is a te,t base language in which command are written in te,t format and interprets by a special software known as Internet -rowser !I&'(

.eatures of )T*+
/( 1( 2( 4( 5( 6( 7( It0s an AS II te,t base language( It provides non linear te,t access facility( It0s an ob3ect based language( )tml is a Tag -ased +anguage( It0s Interprets by I& It is an error free language( It is case insensitive language(

TA8
)T*+ tags are the commands in )T*+ and they are representing an ob3ect of the )T*+ document( These can be manipulated using any client side scripting languages, such as 9ava Script, :- Script, action scripts etc( There are two type of tags /( ontainer Tags 1( Standalone;&mpty Tags

Some container type Tags are:

<html= <;html= <head=<;head= <title=<;title= <body=<;body= in container type of Tag you have to close these tags essentially( They include other tags and data within them( -ut on the other hand in standalone or empty tag you don0t have to close the tag like <hr= <br=<img= <base= etc>

since )T*l is a ob3ect base language there fore every tag represents an ob3ect
$b3ects: $b3ects are any physical entities which are describable logically or physically( &very ob3ect has following associated with them: ?roperties .unctions Action;&vents

?A8& .$@*AT $. A#A )T*+ %$ "*&#T


<)T*+= <)&A%= )eader details are written here !These details are not displayed to the user, but they are used by the browser software' <;)&A%= <-$%A= -ody details are written here !These details are displayed to the user and are used for rendering purposes' <;-$%A= <;)T*+=

)T*+ !tag' B <html=<;html= C

)T*+ is a container Tag, which encloses all other tags on the current )T*+ Deb document, this is the first tag of any web page: ?roperties: #one

)&A%!tag' B <head=<;head= C
It contains the header details for the D&- pageE these are read by the browser windows and applied globally ?roperties: /' SIT !cF lass, sFStyle, iFId, tFTitle'

-$%A !tag' B <body=<;body= C


-ody tag contains the information to be shown to the user ?roperties: /' +ink ?roperties a' alink!active link' Active link is used to set the color of the selected link on the page e(g( : <body alinkFGredG vlinkFGgreenG= b' link !normal link' is used to set the color of the normal links( c' vlink ! :isited link' used to set the color of the visited link( 1' *argin ?roperties: To set the margin of the web page !i' leftmargin !ii' rightmargin !iii' topmargin !iv' bottommargin

Hby default its /I pi,el for any page


2' -ackground ?roperties: To set the background of the web page ?roperties: !i' bgcolor: is used to set the background color of the page

!ii' !iii'

background: used to set the image on background of the web page e(g(: backgroundFGc:JmypictJimage(3pgG bgproperties: has one of the two value( scroll ; fi,ed

Hif both bgcolor and background color has been specified then background property overrides(
4' $ther ?roperties: !/' Scroll F yes ; no !1' te,t F KredG !2' SIT ! lass, Style, Id, Title'

olours on Deb:
In )T*+ we can specify colors in two ways /' -y #ame 1' -y )e,adecimal :alues

)&LA%& I*A+ :A+"&S


olour @ed -lue 8reen : : : %ecimal :alue IM155 IM155 IM155 : : : )e,adecimal :alue IIM.. IIM.. IIM..

e(g(: bgcolor FNredN or begolorFNOffIIIIN @8 -

Title Tag: <TIT+&=<;TIT+&=


This is used in the head tag( )ead tag is use to display heading !title' of the web page( This tagPs data is used by search engine both( ?roperties: /' SIT

*eta Tag: <*&TA=


This is a stand alone tag( It is also use to give, some specific instruction to the browser and to the Search &ngine( De can use more than one *eta tag( This is also use in the head tag( ?roperties: /' ontentFN N 1' httpMequivFGG !for browser' 2' nameFGG !for Search &ngine' e(g(: <*eta nameF0keyword0 contentF0?A & -"@&A" 9A-A+?"@G= <*eta httpMequivF0refresh0 contentF05G= !Dill refresh page after each 5 seconds automatically'

Dorking with Te,t


Te,t )eadings

<)/=<;)/= <)1=<;)1= <)2=<;)2= <)4=<;)4= <)5=<;)5=

<)6=<;)6=
)eading tag are used to create the heading in the web page <)/= is the largest heading and <)6= smallest heading( ?roperties: /' Align F left;right;center;3ustify 1' SIT

<-=<;-=
@enders !display' the te,t in -old ?A & -"@&A"

<I=<;I=
@enders !display' the te,t in Italic PACE BUREAU

<"=<;"=
@enders !display' the te,t in underline ?A & -"@&A"

<TT=<;TT=
?rint te,t in typewriter manner !Teletype' PACE BUREAU

<S=<;S= or <ST@IQ&=<;ST@IQ&=
Strike out the te,t as ?A &-"@&A"

<-I8=<;-I8=
@ender the tag in bigger fonts(

?A & -"@&A"

<S*A++=<;S*A++=
@ender the tag in small fonts( ?A & -"@&A"

<S"-=<;S"-=
@ender the tag in subscript fonts( ?A &-ureau

<S"?=<;S"?=
@ender the tag in super script fonts( ?A & -ureau

<&*=<;&*=
@ender the te,t in emphasiRed !-old and Italic'

PACE BUREAU

<ST@$#8=<;ST@$#8=
@ender the te,t in -old !like <-=<;-=' ?roperties: /' SIT

.ont Tag: <.$#T=<;.$#T=


.ont tag is used to set font properties for te,t in body tag( ?roperties: /' SIT 1' .A & M "se to give the name of the fonts( &,ample: :ardana, Arial, Impact etc( 2' SIS& M /, 1, 2, (( 7 !/ is the smallest, 7 is the largest(' 4M $+$@ M NredN use to set the font color

&,(: <font faceF0verdana0 siReF040 colorF0red0=?A & -"@&A"<;font=

-asefont tag: <-AS&.$#T=


This is stand alone tag & used in the head tag( This is used to set font globally( ?roperties: Same as font tag( &,ample: <html= <head= <basefont siReF2 colorFNredN= <;head= <body= A+$Q, @A*, :IQAS <fonts siReF5, colorFNgreenN= A+$Q, @A*, :IQAS <;font= <font siReFT1= A+$Q, @A*, :IQAS<;font= <;body= <;html= ?@&S&#TI#8 A#% A@@A#8I#8 TA8

-@ Tag: <-@=
Standalone tag, "sed to insert line breaks( ?roperties: /' SIT(

? Tag: <?=<;?=
"sed to create a paragraph tag ?roperties: /MAlignFleft;right;center;3ustify 1M SIT

)@ Tag: <)@=
"sed to draw a horiRontal line on the web page(

?roperties: /' AlignFleft;right;center 1' olorFPredP 2' noshade !standalone attribute' 4' SIT 5' SiRe M "sed to define the thickness of the line( 6' Didth M Didth of line in pi,els(

enter Tag: < &#T&@=<; &#T&@=


"sed for aligning the te,t or other elements contained, in the center to the screen( ?roperties: /' SIT

-lockquote Tag: <-+$ QU"$T&=<; -$ QU"$T& =


This tag is used to display the contained te,t, as a quotation( ?roperties: /M SIT

?re Tag: <?@&=<;?@&=


"sed to preMformat the te,t & the ob3ects to be displayed on the screen, in a preMformatted !positioned' manner( ?roperties: /' SIT 1' DI%T) M #o of characters per line 4I;VI;/21 !it depend on you'

*arquee Tag: <*A@U"&&=<; *A@U"&& =


*arquee is the tag to display te,t in marquee manner( ?roperties:

/' SIT 1' Align: T$?;*iddle;-ottom M used to align the te,t in marquee container( 2' -ehavior: Slide;Alternate;Scroll 4' -gcolor: set the background color of *arquee( 5' %irection: +eft;@ight;%own;"p 6' )eight 7' Didth V' )space: )oriRontal Spacing around the alignment( W' :space: :ertical spacing around the alignment !?i,el;?ercentage' /I' +oop: !M/ to infinity' %efault is X/ //' Scrollamount: !value in pi,el' /1' Scrolldelay: !value in milliseconds' /2' TrueSpeed: !true;false'

%iv Tag: <%I:= <;%I:=


"sed for a block division on the web page, they are used for lay outing of the tag outputs and data on the web page( ?roperties : /' Align: !left;@ight; enter;9ustify= 1' SIT

Span Tag: <S?A#=<;S?A#= "sed to format inline te,t(


?roperties: /M SIT

Img Tag: <I*8=


It0s a standalone tag( De can attach of any type of images using it( &,tension :8I., 9?8, 9?&8, ?#8, TI., -*? , ?S% ?@$?&@TI&S : /' Align: +eft ; @ight ; Top ; Te,tTop ; *iddle ; Absmiddle ;

-aseline ; absbottam ; bottom;center 1' Alt: Te,t written in it is displayed till the image is downloaded( This te,t is display as a tool tip te,t after the image downloads fully( 2' -order: -order siRe in pi,els( !I means no border'( 4' SIT 5' )eight 6' Didth 7' hspace: )oriRontal space V' :space: vertical spacing W' lowsrc: Takes the "@+ of low resolution image( /I' S@ : takes the "@+ of Actual image to be displayed( //' +oop: #o of times a dynamic source should repeat( /1' dynsrc: takes the "@+ of the dynamic source( /2' usemap: is used to specify the name of the map to be applied on the image( /4' ismap: standalone attribute, used to check the image is mapped or not using scripting language( /5' Start: .ileopen ; mouseover

A Tag: <a=<;a=
It is a container tag( De can use <a= tag for both anchoring as well as hyperlink inking( In anchoring one of the page or page portion in the current document is linked to other page!s'( In hyper linking a file is linked with another file( ?roperties: 1) Accesskey: is used to create a shortcut !alt' to work on the link( &(g( Alt T K@G brings the focus on the particular hyperlink 2) SIT 3) )ref !)yper @eference': takes the "@+ of the linked page 4) #ame: to give a name to the anchor( 5) Target: #ame of the window or frame in which, )yper linked or anchored document is to be open !?redefined values are Yblank, Yself, Yparent, Ytop or any user defined names(

@&ATI#8 +IST
+ist of items are grouped and marked by using either numbers of some special characters, such groups are known as lists in )T*+( There are three types of lists:

/' $rdered +ist 1' "nordered +ist 2' %efinition +ist /' $rdered +ist: <$+=<;$+=
These will have items which are either numbered or having alphabets in increasing order( &,am : a,b,c,d, A,-, ,% i,ii,iii,iv I,II,III,I: /, 1, 2, 4 e(g( <$+= <+I= )*T+ <+I= 9A:A Script <+I= AS?(net <;$+= This will create a list of items as follows: /( )*T+ 1( 9A:A Script 2( AS?(net Tags are <$+=<"+=<%+=<%%=<%T=<+I= These are the stand alone tags used for creating list ?roperties: /' SIT

1' TypeF/;a;A;i;I

"nordered +ist Tag: <"+= <;"+=


This will create a list of items with bullets( ?roperties: /' SIT 1' TypeF%isc;Square;circle

+ist Item Tag: <+I= <;+I=


This is used to specify items for both $rdered & "nordered lists( e(g(: <"+= <+I= 9abalpur <;+I= <+I= @aipur <;+I= <;"+= ?roperties: /' SIT 1' TypeF :alues of both <"+= & <$+= !i(e(' /;a;A;i;I;circle;disc

#&STI#8 $. T)& +ISTS


<$+ typeF/= <+i= Software <ol typeFa= <li= os<;li= <ul typeFGdiscG= <li= "ni,<;li= MMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMM <;ul= <li= +anguage <;li= <ul typeFGdiscG=

<+i= c <;li= <;ul= MMMMMMMMMMMMMM

<%+=%&.I#ITI$# +IST
%efinition lists are used for creating list which are used to describe several words having small description of those( These are created using following three tags( <%+= %efinition +ist <%T= %efinition Terms <%%= %efinition %escription e(g(: <%+= <dt= Software <dd= This are the logical units used to operate computer <dt= )ardware <dd= This is collection of physical parts of computer <;%+= $utput: Software This are the logical units used to operate computer )ardware This is collection of physical parts of computer ?roperties: /' SIT

-ase Tag: <-AS&=


It is a standalone tag, used within the <head= tag( It is used for setting the base "@+ for the )yper +inks on the web page( ( e(g(: <base hrefFG(;images;G= Dill be used as follows: <a hrefF0car(3pg0= ar(3pg<;a=

This will work as follows: <a hrefFG(;image;car(3pgG= ?roperties: /' href 1' Target

+ink Tag: <+I#Q=


+ink tag is a stand alone tag used within the head tag & is used for linking other documents with the current document( It also requires specifying the relationship between the two documents( ?roperties: /' SIT 1) %isable: is a standalone property 2) href: "@+ of the file of the +ink( 3) @el: stylesheet

@&ATI#8 I*A8& *A?s


Image maps are used to divide images into logical areas, which are linked to other pages( .or creating image maps <area= and <map= tags are used(

*ap Tag: <*A?=<;*A?=


It0s a container tag( It is used to define the mapping area on the image( It has a name by which it is linked to actual image( ?roperties: !/' SIT !1'#ame

Area Tag: <A@&A=


It0s a standalone tag and is used for creating the links and shapes to be applied on the image for image maps( These are

included within the <map= tag( It has all the properties of <a= tag along with the following additional properties( /' Shape: rect ; circ ; poly 1' oords: coMordinate for the shape specified e(g(: <Area shapeFrect coordsFG1I,1I,5I,5IG hrefF0www(pace3bp(com0 targetFGYblankG=

@&ATI#8 TA-+&S
.or reating Table there following tags are used: <table= <tr= <td= <th= <caption= <tbody= <thead= <tfoot=

Table Tag: <TA-+&=<;TA-+&=


This tag contains other table related Tags( e(g(: <Table= MMMMMMMMMMMMM MMMMMMMMMMMMM MMMMMMMMMMMMM <;Table= ?roperties: !/' !1' !2' !4' !5' Align: +eft ; @ight ; enter -ackground -gcolor -order -ordercolor

!6' !7' !V'

ellpadding ellspacing .rame : :oid ; above ; below ; hsides ; :sides ; +)S ; @)S ; -o, ; border !W' )eight : In ?i,el !/I' Didth !//' )space !/1' :space

T@ Tag: <T@=<;T@=
Table @ow( Table row is used to create a Table row( It contains <T%= & <T)= tags( ?roperties: !/' Align:+eft ; @ight ; center !align the matter' !1' -gcolor !2' -ordercolor !4' SIT !5' :alignFTop ; *iddle ; -ottom ; -aseline

T) Tag: <T)=<;T)=
Table )eading( @enders the te,t in bold & center align ?roperties: !/' align : +eft ; enter ;@ight !alignment of te,t' !1' -ackground: !2' -gcolor: !4' -ordercolor: !5' SIT: !6' :align: Top ; *iddle ; -aseline ; -ottom !7' )eight: height of the olumn !V' Didth: !W' olspan: !/I' @owspan: e(g(:

olumn

olumn

olumn

olumn

T% Tag: <T%=<;T%=
<T%= is same as <T)= It renders the te,t in normal & left align ?roperties: 1) align : +eft ; enter ; @ight !alignment of te,t' 2) -ackground 3) -gcolor 4) -ordercolor 5) SIT 6) :align: Top;*iddle;-aseline;-ottom 7) )eight: height of the olumn 8) Didth: 9) olspan: 10) @owspan: e(g( olumn olspan F 1 olumn olumn @ow spanF1 olumn

aption Tag: < A?TI$#=;< A?TI$#=


"se to display a caption on the table, renders above the table & in center of the table( ?roperties: 1) Align: left ; @ight ; center 2) :align: Top ; *iddle ; -aseline ; bottom

3)

SIT

<T)&A%=<;T)&A%= <T.$$T=<;T.$$T= <T-$%A=<;T-$%A=


These are the container tags( They are only supported in Internet &,plorer( They are used to grouping of the rows( ?roperties: 1) 2) 3) Align: +eft ; right ; enter ; 9ustify :align: Top ; *iddle ; -aseline ; bottom SIT

@&ATI#8 .@A*&S
.rames are used for dividing the browser window into smaller parts which can separately be used to display different web pages on the same web browser window( .rames are named elements and hence can be used for making communication between the different web pages( .ollowing tags are used for creating frames( <.@A*&S&T= <.@A*&= <I.@A*&= I*?: Dhenever a <frameset= tag is used <body= tag is not used(

.rameset Tag: <.rameset=<;.rameset=


It0s a container tag & is used to divide the browser window into smaller parts( It contains the frame tag into it( e(g(: <.@A*&S&T= <.@A*&= <;.@A*&S&T=

?roperties: 1) -order: any number !I #o -order and so on' 2) -ordercolor: Set the color of -order 3 SIT 4) ols: /IZ, 1IZ 2IZ 5) @ows: 5IZ,5IZ 6) .rameborder: yes;no 7) .ramespacing: spacing between the two frame

<.rame=
This tag is standalone tag used for creating forms on the -rowse window along with the frameset tag as many no of cols & rows are specified in the frameset tag those many no of frame tag are used ?roperties: 1) -ordercolor: 2) SIT: 3) .ramborder: Aes;#o 4) *arginheight: 5) *arginwidth: 6) #ame: 7) #oresiRe: standalone 8) Scrolling: Auto;Aes;#o( 9) Src: "@+ on the web page open in the current frame( e(g(: <frameset colsF5IZ,5IZ= <frame srcF0http:;;www(pace3bp(com0 nameF0leftframe0= <frame srcF0http:;;www(pace3bp(com0 nameF0rightframe0= <;frameset=

I.rame Tag: <I.@A*&=<I.@A*&= !Inline .rames'


This Tag is used to create inline frame or floating frame

?roperties: /' Align: +eft ; @ight ; -ottom ; *iddle "sed to align the te,t around the iframe 1' SIT: 2' .rameborder: 4' )eight: 5' Didth: 6' )space: )oriRontal Spacing 7' :space: :ertical Spacing V' *arginheight: W' *arginwidth: /I' #ame: //' Scrolling: Auto;Aes;#o( /1' Src:

D$@QI#8 DIT) *"+TI*&%IA


*ultimedia concept is used to deal with multiple media files !Audio ; :ideo ; Animated 8ifs ; SD.' etc( .ollowing Tags are used for Attaching *ultimedia files <-8S$"#%= <&*-&%=<;&*-&%= <$-9& T=<;$-9& T=

-gsound Tag: <-8S$"#%=


"sed to set the background sound on the webpage( It is a standalone tag used to with in )ead Tag( ?roperties: 1) -alance: M/IIII to T/IIII !default is I' 2) SIT: 3) +oop: any number !M/ for infinite looping' 4) S@ : "@+ of Sound .ile 5) :olume: I to M/IIII !default is I'

&mbed Tag: <&*-&%=<;&*-&%=

"sed to attach *ultimedia on the web pages through plugM ins( ?roperties: 1) Access Qey: 2) Align: same as <img= tag0s align property values 3) Alt: 4) -order: 5) SIT: 6) )eight: 7) Didth: 8) )space: 9) :space: 10) Src:

$b3ect Tag: <$-9& T=<;$-9& T=


"sed for attaching the different web ob3ects on the web pages( It can be used to substitute &*-&% ; -8S$"#% ; I*8 ; A??+&T tags( It is controlled with the <?A@A*= tag( ?roperties: 1) Access Qey: 2) Align: same as Image 3) SIT: 4) lassid: used to specify the classid of the particular ob3ect from the system registry( 5) ode: "sed to specify the class file of 9A:A 6) ode-ase: To specify the directory in which the code files are stored( 7) )eight: 8) Didth: 9) :spce: 10))space: 11)#ame: #ame of the $b3ect 12) Standby: 13) "semap:

?aram Tag: <?aram=


?A@A* tag is used to provide the values to the different ,properties of the ob3ect attached using <$b3ect= Tag (

?roperties: 1) Id 2) #ame 3) :alue

STA+& S)&&TS
Are the collection of properties and functions of the different styles for the web pages !e(g( olor, fonts, 8raphics etc(', which are used for displaying te,t & other data in a common format so that they can be applied commonly on the all web pages or on all Tags in one page or some specific tags on one or more pages( &ven they can be applied on one tag( There are three types of stylesheets: 1) Inline 2) &mbedded 3) &,ternal

/' I#+I#& STA+&S)&&TS:


They are used to apply styles on particular tag( They are specifically applied using class, Id ! SIT' properties of the tags( e(g(: This is Alok, @am, :ikas This is <span styleFGfontMfamily: ArialE .ontMSiRe:G/5?tGE olor:G@edG =Alok, @am, :ikas<;Span=

1' &*-&%&% STA+&S)&&TS


"sed to apply styles on a web page( De can group different style in this concept using user defined class or using the tag name, within the head tag( De use <style= tag for creating groups of styles i(e( classes( They are applicable in the whole

page( e(g(: <head= <style typeFGte,t;cssG= ?[ backgroundMcolor: redE color: white \ -ody [\ span[\ <;style= <style typeFGTe,t;cssG= (myclass [\ (myclass/[\ <;style= <;head= <body= <p classFGmyclassG=?A & -"@&A"<;p= <p classFGmyclass/G=?A & -"@&A"<;p= <p=?A & -"@&A"<;p= <;body=

2' &LT&@#A+ STA+&S)&&T


They are used to apply styles in all web pages( They are created in following steps: a( reate a ( SS file !cascaded style sheet' & include all the styles, classes and ids in it( b( +ink the SS file using <link= tag( e(g(: <)&A%= <+ink hrefFGmy(cssG refFGstylesheetG= <;)&A%=

A%:A# & )T*+


It is concerned with )T*+ which is used for creating web pages having dynamism( It includes the following topics !/' )T*+ forms !1' 9A:A scripts !2' %)*T+ !dynamic hyper te,t *arkup +anguage'

)T*+ forms are the palettes which give the facility for creating web pages having interaction with the users( .ollowing components are embedded within the <form= tag( &lements 1) 2) 3) 4) 5) 6) 7) 8) 9) Te,t -o, -utton *ultiline Te,t bo, !Te,tArea' )idden ?assword Submit -utton @eset -utton Select !"sed for creating list bo, & combo bo,' .ile ! "sed for creating file upload components !attachment'

.orm Tag: <.$@*=<;.$@*=


This is used to take inputs from the user, manipulate them & submit the information to the server( ?roperties: 1) Accept: "sed to specify the contained data types which can be manipulated on the server( 2) Action: this property is used to specify the "@+ of ne,t page to be opened on form submission( This "@+ page processes the request( 3) Auto omplete: !True;.alse' 4) SIT: 5) ontenteditable: True;.alse 6) %isabled: Standalone ?roperties 7) *ethod: 8et;?ost 8et: a' 8et value of the method property of form enforces transfer of the values from client, to the server, through "@+( b' The method is used when information in nonMcritical( c' De can not send more then /I14 bytes using the 8&T value for the method property(

?$ST: a' Dhenever ?ost value is used in method property, data is transferred through .$@* collection( b' De can send any amount of data to the server( c' &ven secured information can be sent( #$T&: De can use both 8&T & ?$ST simultaneously( 8) #ame 9) Target

.$@* &+&*&#TS
Are applied using standalone tag <input=(

/' -utton <I#?"T TA?&F0-"TT$#0=


e(g(: <Input typeFGbuttonG= ?roperties: /' Accesskey: 1' SIT: 2' %isabled: !Standalone' 4' #ame: #ame of the -utton 5' SiRe: "sed to set the width of button 6' :alue: storing the caption

1' S"-*IT <I#?"T TA?&F0S"-*IT0=


It will create the Submit -utton, which sends the data on the server on click of the button, this data is processed using the webpage specified on the action property of the <form= tag( #ote: %efault action is the same page ?roperties: /' Accesskey: 1' SIT:

2' 4' 5' 6'

%isabled: !Standalone' #ame: #ame of the -utton SiRe: "sed to set the width of button :alue: storing the caption

2' @&S&T <I#?"T TA?&F0@&S&T0=


.orm is reset to the default value by the @eset -utton click e(g(: <input typeFGresetG= ?roperties: /' 1' 2' 4' 5' 6' Accesskey: SIT: %isabled !Standalone' #ame of the -utton SiRe "sed to set the width of button :alue : storing the caption

4' )& Q-$L <I#?"T TA?&F0 )& Q-$L0=


"sed to create heck -o,( "sed to create @adio -utton( It0s a multiMoption multiM selection control( ?roperties: /' 1' 2' 4' 5' Accesskey: SIT: %isabled !Standalone' #ame of the -utton SiRe "sed to set the width of button

6' :alue : storing the caption 7' checkedFtrue ;false

5' @A%I$ <I#?"T TA?&F0@A%I$0=


"sed to create @adio -utton( It0s a multiMoption singleM selection control( ?roperties: /' Accesskey: 1' SIT: 2' %isabled !Standalone' 4' #ame of the -utton 5' SiRe "sed to set the width of button 6' :alue : storing the caption 7' selected: true;false

6' T&LT <I#?"T TA?&F0T&LT0=


"sed to create Te,t -o,( ?roperties: /' Autocomplete: true;false 1' %isabled: 2' SIT: 4' *a,length: !65526 ma,imum value' 5' #ame: 6' @eadonly: !standalone' 7' SiRe: V' :alue:

!7' )I%%&# <I#?"T TA?&F0)I%%&#0=


"sed to creating the hidden te,t bo, ?roperties: /' SIT 1' :A+"& 2' #A*&

!V' .I+& <I#?"T TA?&F0.I+&0=


"sed for creating file uploader for sending attachment( This takes the name of the file from local system & then transfers file data to the server on the form submission( ?roperties: /' Accept 1' SIT 2' %isabled 4' #ame 5' :alue 6' SiRe

W' ?ASSD$@% <I#?"T TA?&F0?ASSD$@%0=


Same as te,t bo,( ?roperties: /' %isabled: 1' SIT: 2' *a,+ength: !65526 ma,imum value' 4' #ame 5' @eadonlyMstandalone 6' SiRe 7' :alue

/I' T&LTA@&A <T&LTA@&A=<;T&LTA@&A=


"sed to create multiple lines Te,t -o,( ?roperties: /' accesskey 1' cols:set nos( of cols 2' csit 4' disabled 5' readonly:standalone 6' rows: set nos( of @ows

7' tabInde, V' name W' wrap:$ff;Soft;)ard

-"TT$# Tag: <-"TT$#= <;-"TT$#=


De can add images on the button using this tag( ?roperties: /' accesskey 1' csit 2' disabled F true ; false 4' name 5' value

Select Tag: <S&+& T= <;S&+& T=


"sed to create dropMdown lists( It is used with option tag ?roperties: /' accesskey: 1' align: left ; right ; bottom ; top 2' csit: 4' disabled: true ; false 5' multiple:true;false 6' name: 7' siRe:

<$?TI$#=<;$?TI$#=
"sed to add options in the list bo,( ?roperties : /' csit 1' disabled 2' selectedFtrue;false 4' value

.ieldSet Tag: <.I&+%S&T=<;.I&+%S&T=


"sed for grouping the element in the bo, area where bo,

area is having a legend shown on the upper left corner, the elements to be embedded in the fieldset are written in the +abel Tag( ?roperties: /' accesskey: 1' align: left;right;center 2' contenteditable: True;.alse 4' disabled: 5' csit: e(g(: <fieldset= <legend=?A &<;legend= <label=item/<;label= <label=item1<;label= <label=item2<;label= <label=item4<;label= <;fieldset=

9A:AS @I?T Dhat is 9avascript] Dhy to Drite 9ava Scripts] )ow to Drite 9ava scripts] %$* !%$ "*&#T $-9& T *$%&+': It is used for representing ob3ect hierarchy on browser window( It includes all the ob3ects supported by different browser windows !I&, *$SI++A, .irefo,, $pera etc(' and they may be different for different browsers( Top most ob3ect in %$* )ierarchy is KDI#%$DG omplete hierarchy is as follows:

Driting 9ava Scripts: /' :ariable: :ariables in 9S are created using KvarG keyword as follow: var ,E var ,, y, RE var a F /IE !KEG is optional' 1' %ata Types: 9S does not require variables to be of specific type which means all variables are variant in 9S( -ut whenever a value is assigned to a variable it is automatically treated as string( Window
History Document Location Toolbar Location Location Location Location Location Location Location Location Location Location Location Location Location Location Location

:ariables value can be converted into specific type for the usage is done as follows:

parseInt !' This is used to convert a string into integer( e(g(: var , F K/12G var v F parseInt!,'E will store value /12 in v( parse.loat!' This is used to convert a string into float value( e(g(: var , F K/1(245G var f F parse.loat!,'E will store value /1(245 in f( oncatenation: This is used to add to strings to give the resultant string consisting of added strings( e(g(: var aF K?aceG, bFG-ureauG var , F a T K K T bE will store K?ace -ureauG in ,( HHH Integer and floats are automatically converted into strings( e(g(: var ,F/I var cFG?A &GT,E will store K?A &/IG into c(

You might also like