Vous êtes sur la page 1sur 65

INTRODUCTION:-Html is a scripting language for web page and the output of programs can be seen after using browser.

These html document are plain text files which the user can create using a text editor like notepad. a multi media internet service which allows users to move from one document to another through links that connects them together. Html is hyper text language because it supports font styled text, pictures, graphics and animation and also it provides hyper that used to browse the internet easily. Html is based on tags. Tags are flexibly distinguished from the text proper, by being enclosed in angle brackets or beginning with a backslash character. Html provides a set of tags suitable for marking up web pages.

Html: -!"#: -M"#: -!!!: --

Hyper Text Markup anguage !ide "rea #etwork Metropolitan "rea #etwork !orld !ide !eb

Internet: -- the network of network via gate ways. Protocol: -- to transfer the data from one system to another across network. IP: -- $nternet %rotocol: -- to transfer the data from system to another system across networks

FTP: -- &ile Transfer %rotocol: -- to transfer the file to one system to another system. SMTP: -- 'imple mail transfer protocol: -- to send the mail from one server to another server. HTTP:-- Hyper Text Transfer %rotocol: -- $t provides the link between multiple pages. URL:-- (niform )esource ocater. *The website "ddress+ $t is divided into , posts. HTT%: --www-abc-one.html HTT% means %rotocol www means server name abc means virtual directory one.html means filename with file type Browser: ---displays web pages Webpage: -- it contains electronic formats . links Webs te: -- it contains web pages.

Web!pages:--!
The standard si/e of the !eb%ages 0,12,31 pixels 3112011pixels 415,2603pixels

)esolution 75 dpi89ots per inch: web safe colors: -540 colors.

R"les:- The website should be easy to read. The si/e font, face, color, alignment, background text color, text, link colors should be good $t should be easy to navigate !e can use bottom, top, left . right navigators ;ours web page layout and design should be consistent through out the site ;our web site should be <uick to download The main page of the website should be loaded with in 3 seconds with in =0 kb modems. (se minimum animated graphics 9on>t use more no. of banners on a web page. "lways include your contact information on each page of your site and try to reply to all comments and suggestions within ,= hrs. place your company logo on each page %review should be regularly updated. 'tructure of html:-?x:--4. @htmlA @headA @titleA BBBBB.. @-titleA @-headA

Head section

@bodyA BBBBB. BBBBB. @-bodyA @-htmlA Progra#:--$

body section

@htmlA @headA @titleA &irst %rogram @-titleA @-headA @bodyA Cood Morning @-bodyA @-htmlA

$%!Progra#!&or!te't @HTM A H"D? " #$E? 9"; @-HTM A Proce("re:- first create a new document in notepad next type the program go to file menu click on save option give the file name . then apply the .html click on save button

close the notepad file next open the program file

To!c)ange!t)e!progra# go to view menu click on source option it display the notepad file next change the program click on save option in file menu next open the program file press f= or view menu--Arefresh *%!Progra#!&or!t tle @HTM A @T$T ?A&$)'T %)FC)"M@-T$T ?A H"D? " #$E? 9"; @-HTM A +%!Progra#!&or!bo(,!color @HTM A @T$T ?A &$)'T %)FC)"M @-T$T ?A @GF9; GCEF F)HI&&&"E9IA H"D? " #$E? 9"; @-GF9;A @-HTM A #ote: -- bgcolor coding get from %hotoshop 8ex:-color palette -%!Progra#!&or!bac.gro"n(! #age

@HTM A @T$T ?A G"EJC)F(#9 $M"C? @-T$T ?A @GF9; G"EJC)F(#9HI9:K"ll imagesK"L !F) 9 115.Mpg IA G"EJC)F(#9 $M"C? @-HTM A #ote:-Fpen any image 'elect image right click open with internet explorer Eopy the address . paste it in program. To!get!&"ll!screen! 'et the image si/e 415,2730 in %hotoshop Than save it in Mpg mode Then copy the address in internet explorer /%!Progra#!&or!&ont!tag:-@htmlA @titleAfont tag@-titleA @body bgcolorHI=bcfceIA @font faceHItimesI si/eH0 colorHIblueIA H"D? " #$E? 9"; @-&F#TA H"D? " #$E? 9"; @-HTM A

#ote:-Ggcolor ,font face . si/e to text 0%!H12DIN3!T23S:-@HTM A @T$T ?A H# T"C @-T$T ?A @GF9; GCEF F)HI "D?#9?)IA @&F#T &"E?HIT$M?I EF F)HIG)F!#IA @E?#T?)A @H4A@GA@$A@(A@'A E")??) ?9(E"T$F# @-GA@-$A@-(A@-'A@-H4A @H5A E")??) ?9(E"T$F# @-H5A @HNA@GA E")??) ?9(E"T$F# @-GA@-HNA @H,A@$A E")??) ?9(E"T$F# @-$A@-H,A @H=A@(A E")??) ?9(E"T$F# @-(A@-H=A @H0A@'A E")??) ?9(E"T$F# @-'A@-H0A @-HTM A #ote:-@h4A Hn tag @GA @(A @'A @$A

:-- heading one :-- Heading tag :-- Gold :--(nderline :-- 'trike :-- $talic

4%!M2R5U11!T23!6DIR1CTION!L1FT7!RI3HT8:--

@HTM A @T$T ?A M")O(?? T"C @-T$T ?A @GF9; GCEF F)HI "D?#9?)IA @&F#T &"E?HIEFM$E '"#' M'I EF F)HIG)F!#I '$P?HI,IA @M")O(?? 9$)?ET$F#HI)$CHTI GCEF F)HI;? F!IA E")??) ?9(E"T$F# @-M")O(??A @G)A @G)A @G)A @M")O(?? 9$)?ET$F#HI ?&TI GCEF F)HIG (?IA E")??) ?9(E"T$F# @-M")O(??A @-HTM A #ote:--@brA means Greak for spacing 9%!Mar:"ee!tag!:--6( rect on!sl (e;alternate!7!scroll8 @HTM A @T$T ?A M")O(?? T"C @-T$T ?A @GF9; GCEF F)HI "D?#9?)IA @&F#T &"E?HIEFM$E '"#' M'I EF F)HIG)F!#I '$P?HI0IA @M")O(?? G?H"D$F)HI' $9?I GCEF F)HI;? F!IA E")??) ?9(E"T$F#

@-M")O(??A @G)A @G)A @M")O(?? G?H"D$F)HI" T?)#"T?I GCEF F)HIG (?IA E")??) ?9(E"T$F# @-M")O(??A @G)A @G)A @M")O(?? G?H"D$F)HI'E)F I GCEF F)HIE)?"MIA E")??) ?9(E"T$F# @-M")O(??A @-HTM A <%!Progra#!&or!)e g)t7!w (t)6( rect on!"p!7(own8 a. @HTM A @GF9; GCEF F)HI%$#JIA @&F#T &"E?HIGFF M"# F 9 'T; ?I EF F)HIG (?I '$P?HI,IA @M")O(?? 9$)?ET$F#HI(%I H?$CHTH411Q !$9THH411QA EMT?' @-M")O(??A @-htmlA b. @HTM A

@GF9; GCEF F)HI%$#JIA @&F#T &"E?HIGFF M"# F 9 'T; ?I EF F)HIG (?I '$P?HI,IA @M")O(?? 9$)?ET$F#HI9F!#I H?$CHTH411Q !$9THH411QA EMT?' @-M")O(??A @-HTM A $=%Progra#!&or!#ar:"ee!>space6?ert cal!space8 @HTM A @GF9; GCEF F)HI%$#JIA @&F#T &"E?HIGFF M"# F 9 'T; ?I EF F)HIG (?I '$P?HI,IA @M")O(?? D'%"E?HN11 'E)F "MF(#THL4LA EMT?' @-M")O(??A @-htmlA #ote:-- Dspace:-- vertical space 44. $mage src:-@HTM A @T$T ?A $MC T"C @-T$T ?A @GF9; GCEF F)HIE)?"MIA @$MC ')EHI9:KdataKbackup saru notesK'")(KHTM KMF#(M?#T 84=:.MpgI !$9THH411 H?$CHTH411 GF)9?)HI41I A @-HTM A

#ote:-$mage should be in program folder To set full image set the si/e width:415, height:703 45. 'uper script . sub script:-@htmlA @titleA sup . sub @-titleA @body bgcolorHRpinkRA @font faceHRtimesR colorHRgreenR si/eHR0RA H@subA5@-subA'F@subA,@-subA @brA @brA 8"SG:@supA5@-supAH"@supA5@-supASG@supA5@-supAS5"G @-HTM A

#ote:-H5'F,:--sub script 8"SG:5H"5SG5S5"G8super script: 'uper 'cript:-- '(% 'ub script:-- '(G 4N. @HTM A @T$T ?A M")O(?? T"C @-T$T ?A @GF9; GCEF F)HI "D?#9?)IA @&F#T &"E?HIEFM$E '"#' M'I EF F)HIredI '$P?HI5IA @centerA @mar<uee directionHup GCEF F)HIorangeI widthH411 heightH=11 A

@centerA E")??) ?9(E"T$F# @-centerA @-M")O(??A @-htmlA 4,. @htmlA @headA @titleAimage with vspace hspace@-titleA @-headA @bodyA @centerA @h5Asetting image spacing@-h5A @img srcHI?:Kimages.boardsKJ$9'K"nne CeddesT!hen ;ou Havva #o Gabies.MpgI widthH511 heightHN11 hspaceH41 vspaceH41A @img srcHI?:Kimages.boardsKJ$9'K"nne CeddesT!hen ;ou Havva #o Gabies.MpgI widthH511 heightHN11 hspaceH41 vspaceH41A @img srcHI?:Kimages.boardsKJ$9'K"nne CeddesT!hen ;ou Havva #o Gabies.MpgI widthH511 heightHN11 hspaceH41 vspaceH41A @img srcHI?:Kimages.boardsKJ$9'K"nne CeddesT!hen ;ou Havva #o Gabies.MpgI widthH511 heightHN11 hspaceH41 vspaceH41A @-centerA @-bodyA @-htmlA

4=. @htmlA @headA @titleA& "C@-titleA @-headA @body bgcolorHIcreamIA @centerA @h5Asetting image spacing@-h5A @mar<uee bgcolorHorange widthH511 heightHN11 hspaceH41 vspaceH41A@-mar<ueeA @mar<uee bgcolorHwhite widthH511 heightHN11 hspaceH41 vspaceH41A@-mar<ueeA @mar<uee bgcolorHgreen widthH511 heightHN11 hspaceH41 vspaceH41A@-mar<ueeA @-centerA @-bodyA @-htmlA 40. @htmlA @headA @titleA& "C@-titleA @-headA @body bgcolorHIcreamIA @centerA @h5A& "C@-h5A @mar<uee directionHup bgcolorHorange widthH511 heightHN11 hspaceH41 vspaceH41A @font faceHItimesI colorHred si/eH41A

@centerA $ @-mar<ueeA @mar<uee directionHup bgcolorHwhite widthH511 heightHN11 hspaceH41 vspaceH41A @font faceHItimesI colorHred si/eH41A @centerA FD? @-mar<ueeA @mar<uee directionHup bgcolorHgreen widthH511 heightHN11 hspaceH41 vspaceH41A @font faceHItimesI colorHred si/eH41A @centerA $#9$" @-mar<ueeA @-centerA @-bodyA @-htmlA

4N. Hori/ontal tag:-@htmlA @body bgcolorHRpinkRA @centerA !? EFM? TF EMT?' @hr alighHRcenterR colorHRredR widthHR31R si/eHR=RA @-htmlA #ote:--

Hr align :-- hori/ontal alignment Hr align :-- center or left or right Hspace :-- hori/ontal space ')E :-- () ?mbed tag :-- embed src 8image address: 4,. ?mbed tag:-- image address and D$9?F &$ ?' @htmlA @titleA embed tag @-titleA @body bgcolorHRlavenderRA @embed srcHR45N.aviR widthHRN11R heightH,11A @-htmlA #ote:-Fnly "D$ files can set at the program To cut song go to premier %ro . select any video song . drop it in timelines press EtrlS J for break. 4=. Table creation:-@HTM A @T$T ?A T"G ? T"C @-T$T ?A @GF9; GCEF F)HI "D?#9?)IA @&F#T &"E?HIT$M?'I EF F)HIG)F!#I '$P?HI,IA @E?#T?)A T"G ? $#&F)M"T$F# @-E?#T?)A @T"G ? !$9THH411Q " $C#HIE?#T?)I GF)9?)H5 GF)9?) EF F)HIG (?I E? %"99$#CHI1I E? '%"E$#CHI1IA

@T) GCEF F)HI&&&"E9I T) 'T; ?HEF F):)?9A @THA '.#F @-THA @THA #"M? @-THA @THA '(G4 @-THA @THA '(G5 @-THA @THA '(GN@-THA @THA TFT" @-THA @-T)A @T) 'T; ?HEF F):IC)??#I " $C#HIE?#T?)IA @T9A 4 @-T9A @T9AEH")); @-T9A @T9A 3= @-T9A @T9A 3=@-T9A @T9A 61@-T9A @T9A 501@-T9A @-T)A @T) 'T; ?HEF F):IC)??#I " $C#HIE?#T?)IA @T9A 5 @-T9A @T9A EH"#9( @-T9A @T9A 6= @-T9A @T9A 61@-T9A @T9A 61@-T9A @T9A 57=@-T9A @-T)A @-HTM A #ote:-?mbed sac: -- image source Tr:-- table row Td:-- table data Th:-- table height

Table "lign :-- center -left- right Gackground H() Ggcolor:-- color GorderH#umber Gorder color:-- color Gorder color dark :-- color Gorder color light:-- color Eell padding: -- number Eell spacing: -- number Eolumns: - number &ollow the same procedure to create number of records 40. ". @HTM A @GF9; GCEF F)HI%$#JIA @-HTM A #ote:-'ave as top.html #ew document . type 5 program G. @HTM A @GF9; GCEF F)HIC)??#IA @-HTM A #ote:-'ave as left.html #ew document . type N program

E. @htmlA @body bgcolorHRlavenderRA @-htmlA #ote:-'ave as right.html #ew document . type , program 9. @htmlA @titleA right@-titleA @body bgcolorHRpinkRA @-htmlA ?. @HTM A @T$T ?A &)"M? '?T @-T$T ?A @&)"M?'?T EF 'HI5=Q,7=QIA @&)"M? ')EHITF%.HTM IA @&)"M?'?T )F!'HI=1Q,=1QIA @&)"M? ')EHI ?&T.HTM IA @&)"M? ')EHI)$CHT.HTM IA @-&)"M?'?TA @-HTM A &. @HTM A

@&)"M?'?T )F!'HI57Q,2I &)"M? GF)9?)HI#FIA @&)"M? ')EHITF%.HTM I #"M?HITF%IA @&)"M?'?T EF 'HI43Q,2I &)"M? GF)9?)HI#FIA @&)"M? ')EHI ?&T.HTM I #"M?HI ?&TIA @&)"M? ')EHI)$CHT.HTM I #"M?HI)$CHTIA @-&)"M?'?TA @-HTM A #ote:-'ave as frame.html Fpen the frameset file %rocedure:-&irst create a Nhtml program in different document .save it as top,left. right #ext again create ,html program . save it frameset.html #ext open the ,html program . it display the frameset. To edit any text in the frameset program file Co to the any one of individual frameset program file !hen your enter the data in any N program "utomatically it apply to ,th program 47. @HTM A @T$T ?A "#EH?) T"C @-T$T ?A @GF9; GCEF F)HI ?D?#9?)IA @" H)?&HI"nnie.%atricia,'hihT/u.MpgIA$M"C?@-"A @" H)?&HITom.Getty,'hihT/u.MpgIA

@$MC ')EHIMF#(M?#T 84=:.MpgI widthH511 heightH411A @-"A @-HTM A #ote:-Href:-- ()

43. @HTM A @T$T ?A TF% @-T$T ?A @GF9; GCEF F)HI "D?#9?)IA @&F#T &"E?HIT$M?'I EF F)HIG)F!#I '$P?HI0IA @E?#T?)A EMT?' E")??) ?9(E"T$F# @-&F#TA @&F#T &"E?HIT$M?'I EF F)HI;? F!I '$P?HINIA @M")O(?? GCEF F)HIC)??#I 'E)F "MF(#THI5IA )$CHT EHF$E? " G)$CHT E")??) @-HTM A 46. @HTM A

@T$T ?A ?&T @-T$T ?A @GF9; GCEF F)HI&&&"E9IA @&F#T &"E?HIT$M?'I EF F)HIG)F!#I '$P?HI,IA @" H)?&HI"GF(T.HTM I T")C?THI)$CHTIA "GF(T @-"A @%)?A EF()'?' %)FU?ET' ?-M"$ @-HTM A #ote:-T")C?T:-VT")C?T !$#9F!'R T")C?T M?"#' !H$EH 9$'% "; TH? F(T%(T &$ ? !H?# ;F( E $EJ F# TH? $#J &$ ?. 51. @HTM A @T$T ?A $'T T"C@-T$T ?A @GF9; GCEF F)HI%$#JIA @&F#T &"E?HIT$M?'I EF F)HI)?9I '$P?HI=IA @E?#T?)A $'T $T?M' @-E?#T?)A @F T;%?HI"IA @ $A%C9E" @- $A @( T;%?HI$IA @ $A M'-F&&$E?@- $A @( T;%?HI4IA @ $AM'-!F)9@- $A

@ $AM'-?WE? @- $A @ $AM'-9F'@- $A @-( A @ $AE, ESS@- $A @ $AF)"E ?@- $A @ $AU"D"@- $A @-( A @ $A9E"@- $A @ $A9F"@- $A @ $A9MM@- $A @ $A9!9@- $A @ $A9"ET@- $A @ $A9M"@- $A @-F A @-HTM A

#ote:-Frder list tag :-- F (n order list tag :-- ( ist Tag:-- T ist $tems:-- $ 54. @HTM A @T$T ?A '? ?ET$F# T"C@-T$T ?A @GF9; GCEF F)HI "D?#9?)IA EF()'?':@'? ?ET '$P?HI4I 'T; ?HEF F):)?9A @F%T$F# D" (?HI1IA%C9E" @F%T$F# D" (?HI4IA9E"

@F%T$F# D" (?HI5IA9T% @-'? ?ETA @-HTM A 55. Inp"t!tag:--!62ppl cat on!For#8 @htmlA @titleA from tag@-titleA @body bgcolorHIlavenderIA @font faceHItimesI colorHIbrownI si/eHI,IA @centerA "%% $E"T$F# &F)M @-centerA @form actionHIform.html methodHIpostIA @preA #ame :@input typeHItextIname.n4A password :@input typeHIpasswordInameHn5A course :@select si/eH4A @option value HI1IA%C9E" @option value HI5IA9E" @option value HINIA9T% @option value HI,IA9MM @-selectA 9ate of birth :@select si/eH4A @option value HI1IAMan @option value HI5IAfeb @option value HINIAmar @option value HI,IAapr @-selectA@select si/eH4A @option value HI1IA14 @option value HI4IA15

@option value HI5IA1N @-selectA@select si/eH4A @option value HI1IA5111 @option value HI5IA5114 @option value HINIA5115 @-selectA Cender :male@input typeHIradioI nameHIr4IA female@input typeHIradioInameHIr4IA <ualification :M.sc@input type HIcheckboxInameHc4AM.tech@input typeHIcheckboxInameHc5AMG"@input typeHIcheckboxInameHcNAME"@input typeHIcheckboxInameHc,A @input typeHIsubmitI valueHIsubmitIA @input typeHIresetI valueHIclearIA @-htmlA #ote:-!ithout space type checkbox "ll <ualification details type in single line 5N.!2nc)or!po nt:-- number of pages links @HTM A @H?"9A @T$T ?A #"D$C"T$F# @-T$T ?A @-H?"9A @GF9; GCEF F)HE;"#A @h4 alignHcenterA " $# F#? @-h4A @hN alignHcenterA

"ll %ages Eonnected Through inks @-hNA @centerA @pA To display first page @a hrefHIM")O(?? ' $9?.htmlIAMy &irst Html@-aA @pADiew only title @a hrefHI'(%?) . '(G 'E)$%T.htmlIA My Title %age@-aA @pA9isplaying Darious Headers @a hrefHI"#EH?) T"C.htmlIA Header evels@-aA @pAHtml !ay of &ormulas @a hrefHI9$)?ET$F#.htmlIA ?<uations %age @-aA @pAcolors of life @a hrefHI$MC ')E.htmlIA Eolors@-aA @pAText 'tyles @a hrefHIinput tag.htmlIA Multimedia !eb%age@-aA @-centerA @-bodyA @-htmlA 5,.number of images links @htmlA @body backgroundHIGF''5N 84:.MpgIA @mar<uee directionHIslideI bgcolorHIorangeIA @font faceHItimesI colorHIyellowI si/eHI41IA H"D? " #$E? 9"; @img srcHI#aina .MpgI heightHI=1I widthHI=1IA @img srcHIGF''5N 84:.MpgI heightHI=1I widthHI=1IA @-mar<ueeA @brA @brA

@mar<uee behaviorHIalternateI bgcolorHIwhiteIA @font faceHItimesI colorHIyellowI si/eHI41IA CFF9 MF)#$#C @img srcHI#ayaT415,T4.MpgI heightHI=1I widthHI=1IA @-mar<ueeA @brA @brA @mar<uee behaviorHIscrollI bgcolorHIgreenIA @font faceHItimesI colorHIyellowI si/eHI41IA CFF9 "&T?)#FF# @img srcHI=30.MpgI heightHI=1I widthHI=1IA @-mar<ueeA @-fontA @-bodyA @-htmlA He'a(ec #al!>al"e X&&1111 X11&&11 X1111&& X&&&&&& X111111 X313131 X311111 X113111 X111131 X&&&111 X&&&&11 X&&11&& X11&&&& Color )ed Creen Glue !hite Glack Crey 9ark )ed 9ark Creen 9ark Glue )ed ;ellow Magenta Eyan

*/%Progra#:-@htmlA @headA @titleA !? EFM? @-titleA @-headA @bodyA @h4A EMT?' Eomputer ?ducation @-h4A @h5A Galanagar @-h5A @hNA Hyderabad @-hNA @-bodyA @-htmlA T23S:-@htmlA @headA @titleA @bodyA @h4A@h5A@hNA@h,A@h=A@h0A @brA @body bgcolorA @fontA @font si/eA @font colorA @p alignA @hrA @hr widthA

@hr colorA @hr si/eA @hr alignA @bA bold @iA italic @strongA @emA @uAunderline @pAparagraph @( Aunder ist @F A order list @94A@5TA@99A @ $A $'T $T?M @'ubA @'upA @Mar<ueeA @TableA Gorder4 !idth5 )owN Eols, @frameA @hrefA@-aA @enA @img si/eA !idth Height *0%Progra#s:-@htmlA @headA @titleA welcome @-titleA @-headA

@body bgcolorHIpinkIA @h4A EMT?' $nfo @-h4A @brA @font si/eH75 colorHorange faceHverdanaA @h4A Eomputer ?ducation $nstitute @-h4A @-fontA @-brA @font si/eH0A @hNA Galanagar @-hNA @-fontA @font si/eH=A @h=A Hyderabad @-h=A @-fontA @-bodyA @-htmlA *4%!Progra#:-@htmlA @body bgcolorHblueA @p alignHcenterA @font faceHarial si/eH0 colorHyellowA !elcome @-pA @h4 alignHcenterA Multimedia @-h4A

@-fontA @p alignHrightA @font si/eH, colorHyellowA Tanuku @-fontA @p align HrightA @font si/eH0 colorHgreenA N9 @-h0A @-fontA @-bodyA @-htmlA

*9%!progra#:-@htmlA @body bgcolorHbrownA @font faceHIcomic sans msI si/eH51 colorHwhiteA @preA@GA H H" $ $ @-GA@-preA @preA@bA@font colorHyellowA 'no. #ame "ge 4. deepu 51 5. chandu 51 N. shona 55 @-preA @-bA @-bodyA @-htmlA

*<% Progra#:-@htmlA @body bgcolorHmegentaA @p alignHcenterA @font faceHCeorgia si/eH7 colorHblueA Multi media @-pA @-fontA @hr colorHgold si/eH41A @h4 alignH centerA @font colorHgreenA "nimation @-h4A @-fontA @hr colorHblue si/eH6 alignHcenter widthH51QA @p alignHrightA @font faceHimpact si/eH, colorHyellowA modeling @-pA @-fontA @hr colorHblack si/eH7 alignHright widthH51QA @h, alignHrightA @font colorHwhiteA ?diting @-h0A @fontA @hr colorHpink si/eH, alignHright widthH=1QA @-bodyA @-htmlA

+=%!Progra#:-@htmlA @body bgcolorHgreenA @font colorHyellow si/eH0 faceHverdanaA @p align HcenterA @iA@bA@uA ist @-iA@-bA@-uA @-fontA @hNA @font colorHblackA @( typeHbulletA @ $A saritha @ $A #aresh @ $A surya @- $A@-( A @H)A @9 A @GTAM% @99A Madya %radesh @-9 A @-hNA @-fontA @-bodyA @-htmlA N4.%rograms:-@htmlA @body bgcolorHgoldA @table borderH= bordercolorHblue widthH31Q cell paddingH41A

@trA @th rowspanH=A @preA H ; 9 ? ) " G " 9 F # $ # ? @-preA @-trA @th colspanHNA @font colorHmeronA @h4A !? EFM? @-h4A @-fontA @-trA @trA @thA%oser @thA?-mail @-trA

@trA @thAE @thAEhating @-trA @trA @thAE @supASS @-supA @thAGrowsing @-trA @-tableA @-bodyA @-htmlA +*%Progr#s:--8"pplication &orm: @htmlA @body bgcolorHblackA @font faceHimpact si/eH7 colorHgreenA @plignHcenterA 9iploma @-fontA @-pA @hrA @form nameHI"pplication formIA @hNA @font colorHyellowA @bA @preA #ame@input typeHtext box name Hname si/eH41 maxlengthH= valueHA

address@input typeHtext box name Haddress si/eH41 maxlengthH= valueHA @-preA @preA Oualification @input typeHcheckbox nameH<ualification valueHAG." @input typeHcheckbox nameH<ualification valueHAG.com @input typeHcheckbox nameH<ualification valueHAG.'c @input typeHcheckbox nameH<ualification valueHA others @-preA @preA Cender @input typeHradio nameHgen valueH6A Male @input typeHradio nameHgen valueH6A &emale @-preA @p alignHcenterA @input typeHsubmit nameH"pplication form valueHsendA @input typeHreset nameH"pplication form valueHcancelA @-formA @-hNA @-fontA @-bodyA @-htmlA NN.%rograms:-@htmlA

@body bgcolorHpinkA @font colorHredA @hNA @form nameH IstuIA @h5A #ame@input typeHtextbox nameHname valueHA @brA password @input typeHpassword nameHpassword valueHA @-brA @-h5A select any option:-@select nameHI<ualificationIA @optionAG.com @optionAG." @optionAG.'c @optionAother @-optionA @selectA @hrA ?nter any comments @brA @textarea rowsH0 colsH4=A ?nter any comments @-textareaA @brA @p alignHcenterA @input typeHsubmit nameHstu valueHsendA @input typeHreset nameHstu valueHcancelA @-pA @-formA

@-hNA @-fontA @-bodyA @-htmlA N,.%rograms:-@htmlA @body bgcolorHHIblackIA @font colorHred si/eH7 faceH$mpactA @preA Hotel GlueMoon @-preA @hrA @p alignHcenterA @uA menu @-uA @-%A @-fontA @table borderH5 table alignHcenter widthH31Q cell paddingH5A @font colorHwhiteA @trA @thA $tem @brA #ame @thA Oty @thA rate @thA check out @-trA

@trA @thAFil @thA= @thA01 @thA ok @-trA @-thA @-bodyA @-htmlA N=.%rogrmas:--8Train Table: @htmlA @body bgcolorHpinkA @table alignHcenter borderH5 cell paddingHNA @captionA @bA Train Time Table @-bA @-captionA @trA @th rowspanH5A #ame Ff The Train @th towspanH5A %lace @th rowspanH5A 'tation @th clospanH5A Time @th rowspanH5A Eharge @-trA @trA @thA "rrival @thA 9 parture @-trA

@trA @tdA )aMadhani ?xpress @td alignHMiddleA Mumbai @td alignHMiddleA 9elhi @td alignHMiddleA 7.N1 @td alignHMiddleA 3.,= @td alignHMiddleA 636.11 @-trA @trA @tdA Madras Mail @td alignHmiddleA Mumbai @td alignHmiddleA Madras @td alignHmiddleA 6.11 @td alignHmiddleA41.4= @td alignHmiddleA,=1.11 @-trA @trA @tdA Janya ?xpress @td alignHmiddleA Mumbai @td alignHmiddleA Ganglore @td alignHmiddleA 4N.N1 @td alignHmiddleA 4,.,= @td alignHmiddleA 7=0.11 @-trA @trA @tdA 9eccan ?xpress @td alignHmiddleA Mumbai @td alignHmiddleA %une @td alignHmiddleA40:11 @td alignHmiddleA47:N1 @td alignHmiddleAN,=:11

@-trA @-tableA @-bodyA @-htmlA N0%!Progra#:-@htmlA @headA @titleA H"%%; 9";' @-titleA @-headA @body bgcolorHblackA @p alignHcenterA @hr widthH411Q si/eH= colorHredA @-hrA @hr widthH=1Q si/eH= colorHwhiteA @-hrA @hr widthH31Q si/eH= colorHyellowA @-hrA @hr widthH51Q si/eH= colorHorangeA @-hrA @-pA Eourses @hNA @font colorHcyanA @( typeHbulletA @ $A 9ca @ $A%C9E" @ $A other @- $A

@-( A @hr widthH411Q si/eH= colorHgoldA @%reA @font si/eH7A 9elt a $nfotech @-fontA @-preA @hr widthH411Q si/eH= colorHgoldA @h4A 9ca @-h4A @F typeH4A @ $AE @ $A !ebdesigning @ $A%roMects @- $A @-F A @hr widthH411Q si/eH= colorHgreenA @-hrA @h4A @F typeHiA @ $A9ca @ $AESS @ $AFracle,Uava @- $A@-F A @hr widthH411Q si/eH= colorHsilverA @-hrA @-bodyA @-htmlA

+4%progra#s:-@htmlA @body bgcolorHpinkA @h4 alignHcenterA @font colorHred si/eH0A @bA EMT?' $nfo @-bA@-fontA@-h4A a@supA5@-supASb@supA5@-supA @hrA 4@subA'T@-subA51 @-bodyA @-htmlA

+9%progra#s:-@htmlA @body bgcolorHblueA @h4 alignHcenterA @font colorHyellow si/eH0A@bA @mar<uee directionHright loopH, behaviorHalternate bgcolorHgreenA Multimedia @-mar<ueeA@-bA@-fontA@-h4A @mar<ueeA @h4A Emtes $nfoses @-h4A @-mar<ueeA @-bodyA @-htmlA N6. ! % !rogra#s ! !:-@htmlA @body bgcolorHblackA @brA@brA@brA@brA@brA@brA@brA@brA @h4 alignHcenterA @font colorHgoldA Hyderabad @-h4A @a hrefHIloop.htmlIA Elick @-aA @-bodyA @-htmlA

Note:-- loop html is created file name ,1.progra#:-@htmlA @body bgcolorHblueA @brA@brA@brA@brA@brA@brA@brA@brA @h4 alignHcenterA @font colorHgoldA welcome @-h4A @a hrefHIhai.htmlIA back @-aA @-bodyA @-htmlA Note:-- hai html is created file name ,4.progra#:-@htmlA @body bgcolorHgreenA @font si/eH7 colorHblue faceH$mpactA @uA @p alignHcenterA 9alta infotec @brA EMT?' Eomputer @-pA @-uA @-fontA

@font si/eH7 colorHyellow faceHimpactA @preA Eourses 4.%C9E" 5.9E" N.Fther @-fontA @-preA @a hrefHIramesh.htmlIA @h5A#ext@-aA@h5A @-bodyA @-htmlA -*%Progra#:-@htmlA @body bgcolorHpinkA @h4 alignHcenterA @font colorHredA ?ver Creen @-hiA @-fontA @palignHcenterA @img srcHI9:KmmdataKMohnyKbhavanaaug344=5Y4Z.MpgI widthH,1 heightHN1A @-pA @-imgA @-bodyA @-htmlA

-+%Progra#:-@htmlA @body bgcolorHXffooffA @img srcHI9:KmmdataKMohnyK#";"#T")"K#";"#" =0.MpgI widthH,1Q heightH=1Q altHdeviA@-imgA @h4 alignHcenterA @font colorHyellowA @-h4A @-fontA @h4A @p alignHcenterA Multi media @-hA @-pA @p alignHcenterA @img srcHI9:KmmdataKMohnyK'#?H"Ksriram5-114.MpgI widthH,1Q heightH=1Q altHdeviA@-imgA @pA @h4 alignHrightA @font colorHmaManthaA "nimation @-h4A @-fontA @h4 alignHrightA @img srcHI9:KmmdataKMohnyKHeart beat.gifI widthH,1Q heightH=1Q altHdeviA @-imgA @h4A @-bodyA @-htmlA

--%Progra#:-@htmlA @body bgcolorHX113311A @table borderH= bordercolorHred widthH01Q bgcolorHgrayA @tr bgcolorHyellowA @thA #ame @thA age @thA address @thA pin @trA @thA surya @thA 4N @thA #ellore @thA =N,544 @-thA @-trA @-tableA @-bodyA @-htmlA -/%progra#:-@htmlA

@body bgcolorHXff1111A @table borderH= widthH31Q cell spacingH0 cell paddingH0A @trA @th colspanH=A Mark list @-trA @trA @thA #ame @thA Telugu@thA Maths @thA Hindi @thA 'cience @trA @thA sabitha @thA 61 @thA =1 @thA 66 @thA 3, @thA @-trA @-tableA

@-bodyA @-htmlA -0%progra#:-@htmlA @bodyA @table borderH= widthH31Q cell spacingH3 cell paddingH,A @trA @th colspanH,A @font colorHredA Emtes 'pecialisation Ff "nimation Eourse 9etails @-fontA @-trA @th row spanH,A @-trA @trA @thA N9 Modelling @thA ?diting @thA flash @-trA @trA @thA %hotoshop @thA %remier @subA

"vid @-subA @thA Html @-trA @trA @thA E @supA ESS @-supA @thA Html @thA Tally @subA7.5 @-subA @trA @-tableA @-bodyA @-htmlA -4%progra#s:-". @htmlA @body bgcolorHyellowA @h4 alignHcenterA @font colorHredA $nfoces @-h4A

@fontA @-bodyA @-htmlA G. @htmlA @body bgcolorHblueA @font colorHyellowA @h4A anguages @-fontA @h4A @F typeH4A @ $AE @ $A ESS @ $AUava @ $AEore Mava @- $A @F A @font colorHpinkA @a hrefHIc.htmlI targetHIthreeIA back @-aA @-fontA @-bodyA @-htmlA E. @htmlA @body bgcolorHorangeA @font colorHblueA

@h4A cmtes Eomputer @-fontA @h4A @brA @brA @brA @a hrefHIb.htmlI targetHIthreeIA @h,A @font colorHredA Elick @-aA @-h,A @-fontA @-bodyA @-htmlA 9. @htmlA @body bgcolorHmeManthaA !elcome @-fontA @brA @brA @brA @a hrefHId.htmlI targetHthreeIA @h,A @font colorHredA Elick @-aA @h,A

@-fontA @-bodyA @-htmlA ?. @htmlA @body bgcolorHblackA @font colorHwhiteA @h4A %ackages @-fontA @-h4A @( TypeHbulletA @font colorHblueA @ $A %hotoshop @ $A "vid @ $A ?lastic )eality @-fontA @- $A @-( A @font colorHpinkA @a hrefHIa.htmlI targetHIthreeIA Gack @-aA @-fontA @-bodyA @-htmlA

,3.%rograms:-@htmlA @frameA @frameset rowsHI=1QIA @frame srcHIa.htmlI frame nameHIoneIA @frameset colsHI=1QIA @frame srcHIc.htmlI frame nameHIthreeIA @-frameA @-htmlA ,3.%rograms:-@htmlA @body bgcolorHgreenA @h4A @uA @p alignHcenterA welcome @h4A@-uA@-pA @hN alignHcenterA Hyderabad @-hNA @h= alignHcenterA "% @-h=A @-bodyA @-htmlA

$!%2r t)e#at c!Operat ons


@htmlA @headA @titleA "rithematic Fperations @-titleA @script languageHIMavascriptIA function cal8op: * var num",numG,resH1[ num"Hparse$nt8document.form4.first.value:[ numGHparse$nt8document.form4.second.value:[ switch8op: * caseLSL:resHnum"SnumG[break[ caseL-L:resHnum"-numG[break[ caseL2L:resHnum"2numG[break[ caseL-L:resHnum"-numG[break[ + document.form4.result.valueHres[ + @-scriptA @-headA @body bgcolorHtanA @form nameHform4A @h4A 'imple "rithematic Foperation@-h4A @table borderHI5IA @trA @thA&irst #umber @tdA@input typeHtext nameHfirst si/eH4=A

@-trA @trA @thA'econd #umber @tdA@input typeHtext nameHsecond si/eH4=A @-trA @trA @thA)esult @tdA@input typeHtext nameHresult si/eH4=A @-trA @-tableA @pA @input typeHbutton valueHIadditionIonclickHcal8LSL:A @input typeHbutton valueHIsubtractionIonclickHcal8L-L:A @input typeHbutton valueHImultiplyIonclickHcal8L2L:A @input typeHbutton valueHIdivideIonclickHcal8L-L:A @-bodyA @-htmlA

*%!C)anges!Case:-@\--string function--A @HTM A @H?"9A @T$T ?A strings @-T$T ?A @'E)$%T "#C("C?HLMavascriptLA

function lower8: * form4.result.valueHform4.data.value.to owerEase8:[ + function upper8: * form4.result.valueHform4.data.value.to(pperEase8:[ + function split8: * var stringsHform4.data.value.split8I I:[ form4.result.valueHstrings.Moin8I : I:[ + @-'E)$%TA @-H?"9A @GF9; GCEF F)HLX&&11NNLA @&F)M #"M?HLform4LA @bA9ata@-bA@pA @T?WT")?" #"M?HLdataL )F!'H, EF 'H,1A @-T?WT")?"A@pA @bA)esult@-bA@pA @T?WT")?" #"M?HLresultL )F!'H, EF 'H,1A @-T?WT")?"A @pA @$#%(T T;%?HLG(TTF#L D" (?HL F!?)L F#E $EJHLlower8:LA @$#%(T T;%?HLG(TTF#L D" (?HL(%%?)L F#E $EJHLupper8:LA @$#%(T T;%?HLG(TTF#L D" (?HL'%$ TL F#E $EJHLsplit8:LA @-GF9;A @-HTM A

+%N"#ber!to!te't:--

@htmlA @headA @titleA !ords Transformation @-titleA @script languageHLUava'criptLA function dispwords8: * var nH1,kH1,iH1,tempH1,rHI I[ var arHnew "rray8:[ nHparse$nt8document.sriform.num.value:[ tempHn[ while8tempA1: * kHtempQ41[ arYiSSZHwords8k:[ tempHMath.floor8temp-41:[ + ar.reverse8:[ rHar.Moin8I I:[ document.sriform.res.valueHr[ + function words8k: * switch8k: * case 1: return IP?)FI[ case 4: return IF#?I[ case 5: return IT!FI[ case N: return ITH)??I[ case ,: return I&F()I[ case =: return I&$D?I[ case 0: return I'$WI[ case 7: return I'?D?#I[ case 3: return I?$CHTI[

case 6: return I#$#?I[ + + @-scriptA @-headA @body bgcolorHtanA @form nameHsriformA #umber @$nput TypeHText nameHnumA @pA )esult @$nput TypeHText si/eH31 nameHresA @pA @$nput TypeHGutton valueHLwordsL onclickHLdispwords8:LA @-formA @-bodyA @-htmlA -%!Bor(er!to!te't:--

@htmlA @headA@styleA h5* text-align:center[ border-color:red[ border-style:solid[+ @-styleA @-headA @bodyA @h5Aborder demo@-h5A @-bodyA @-htmlA
/%!Letter!Spac ng:--

@htmlA @headA @styleA h5 * color:blue[ font-si/e:,1pt[ letter-spacing:41pt[ + @-styleA@-headA @bodyA @h5 styleHIcolor:redI,A (sing $nline "nd ?mbedded @-h5A @-bodyA @-htmlA

0%!Te't!Pos t on!b,!CSS:--6Casca(e!St,le!S)eet8
@htmlA @headA @titleA 'ample "p 9iv %age@-titleA @style typeHItext-cssIA @\-Xap9iv4 * position:absolute[ left:05px[ top:07px[ width:,54px[ height:433px[ /-index:4[ + --A @-styleA

@-headA @bodyA @div idHIap9iv4IA #otepad is a basic text editor that you can use to create simple documents. The most common use for #otepad is to view or edit text 8.txt: files, but many users find #otepad a simple tool for creating !eb pages.8matter: @-divA @-bodyA @-htmlA 4%!Co##ents!In!2ppl cat on:--@htmlA @titleA web page animation photoshopA@-titleA @centerA "%% $E"T$F# @-centerA @brA@brA @textarea rowsH= colsH=1 nameHIcommentsIA @-textareaA @brA@brA @input typeHIsubmitI valueHIsubmitIA @-formA @-bodyA @-htmlA

9%!Mo"se!o?er:-@htmlA @bodyA @img dynsrcHIchinni.aviI heightHI411I widthHI411I startHImouseoverIA @img dynsrcHIchinni.aviI heightHI411I widthHI411I startHImouseoverIA

@img dynsrcHIchinni.aviI heightHI411I widthHI411I startHImouseoverIA @img dynsrcHIchinni.aviI heightHI411I widthHI411I startHImouseoverIA @-bodyA @-htmlA <%&ra#e!$:--! #ages!scroll ng!?ert cal:--! @htmlA @titleA frametag @-titleA @body bgcolorHIpinkIA @mar<uee directionHIupI scroll amountHI=I heightHI711IA @img srcHI#aina .MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHI#aina .MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHI#aina .MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHI#aina .MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHI#aina .MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHI#aina .MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHI#aina .MpgI heightHI511I widthHI511I borderHI=IA@brA

@img srcHI#aina .MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHI#aina .MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHI#aina .MpgI heightHI511I widthHI511I borderHI=IA @-imgA @-bodyA @-htmlA $=%&ra#e!*:-!t tle!"n(er!l st:--@htmlA @titleA frame tag @-titleA @body bgcolorHIpinkIA @font faceHIcomic sans msI si/eHI51I colorHIgreenIA @mar<uee directionHIupI heightHI711IA @centerA @uATitle@-uA@brA ramadasu@brA @uAproducer@-uA@brA )ama #aidu@brA @uA9irectior@-uA@brA m.s .raMu@brA @uAactor@-uA@brA varun@brA @uAactorss@-uA@brA neelam@brA @uAothers@-uA@brA

sonam@brA rahul@brA laxman@brA varun@brA karun@brA ganesh@brA @-mar<ueeA @-fontA $$%Fra#e!+:-I#age!scroll ng!:-@htmlA @titleA frametag @-titleA @body bgcolorHIpinkIA @mar<uee directionHIupI scroll amountHI=I heightHI711IA @img srcHI?:KsuryaKimagesKgunsKarms143.MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHI?:KsuryaKimagesKgunsKasrTparaT415,.MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHIE:K9ocuments and 'ettingsKdeepuKMy 9ocumentsKpicturesK& F!?)41.MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHIE:K9ocuments and 'ettingsKdeepuKMy 9ocumentsKpicturesK& F!?)41.MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHIE:K9ocuments and 'ettingsKdeepuKMy 9ocumentsKpicturesK& F!?)41.MpgI heightHI511I widthHI511I borderHI=IA@brA

@img srcHIE:K9ocuments and 'ettingsKdeepuKMy 9ocumentsKpicturesK& F!?)41.MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHIE:K9ocuments and 'ettingsKdeepuKMy 9ocumentsKpicturesK& F!?)41.MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHIE:K9ocuments and 'ettingsKdeepuKMy 9ocumentsKpicturesK& F!?)41.MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHIE:K9ocuments and 'ettingsKdeepuKMy 9ocumentsKpicturesK& F!?)41.MpgI heightHI511I widthHI511I borderHI=IA@brA @img srcHIE:K9ocuments and 'ettingsKdeepuKMy 9ocumentsKpicturesK& F!?)41.MpgI heightHI511I widthHI511I borderHI=IA @-imgA @-bodyA @-htmlA 45. &rame set:-- 8all frame 4 to N: @htmlA @frameset colsHI5=Q,=1Q,5=QI borderHI1IA @frame srcHIframe4.htmlI scrollingHInoIA @frame srcHIframe5.htmlI scrollingHInoIA @frame srcHIframeN.htmlI scrollingHInoIA @-frame setA @-htmlA