[go: up one dir, main page]
Scribd
Upload
252 views33 pages

Uimvd

Hrdokjgdfyjm Vhnn

Uploaded by

Deepak Nishad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
252 views33 pages

Uimvd

Hrdokjgdfyjm Vhnn

Uploaded by

Deepak Nishad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
You are on page 1/ 33
on @ACCENTURE_PRIMERS @® bashbe Practice program: Article(semantic tags) / Stage / Web echioioges. + HTML Gracy view | File List Compile & Rum Eveluate Full screen Description ACCENTURE, PRIMERS: F indexcntmt © | 1 chead> etitlearticlec/tities estyle> 3 body { indicated 18 font-Farily: Verdana, sans-serif; Ai font-size: 6.9em; RB) 13 aside 4 14 width: 3@%5 15 padding-left: 1$px; 16 margin-left: autos 17 margin-right:autos 18 font-style: italics! 13 background-color: mecect; 2L header footer { 22 text-aligntcenters 23 padding: 20x; 24 color: ‘shite; 2s background-color; #659999; 2%) 27 hal 28 textealign:center; 29 38 content { BE agin: Spx} 32 padding: 2px; . 33 background-color! sceccff; oy 35 36 article { 37 margin: Spx; 38 padding: 1epx: 3 background-color: #e6FF 4} a a2 a3 44 45 cheader Sde"head"> a6 Online Education¢/h1> a7 cneader> 43 «div ide"content"> a3

Future Educationc/h2> sa dantiele ddetart"s 5L ch} ide" intro” >Intraduetion¢/na> 82 53 saside id“side"> Sa 55 efasides 56 éjarticles oF article id="art2"> 58 ‘hi id="overview" Why Online Education

sa

actual why online Education

68 eJartieles et darticle ide="aet37> ez 63

or

68 78 shboard / Primer 2.0- App Practice program: Table of Contents - TOC (@BACCENTURE. PRIMERS Description ‘Grading view. | File List Compile & Run Evaluate Full screen Description [ index.htm! O i> SPREE T 16 180%; 17 width: 50%; 18 position: fixed; 19 overflow: seroll; 25 backeronage color: #000000; } 27 wright { 28 right: 0; 29 background-color: #808080; 38 color:#990000; 31 yee 78%; 33 hi 34 text-decoration:none; 35 color:#808080; t 37 39 48 a

| 42 ="Links” style-"lis ‘ tyle-type:none; aa overview" >HTMLS OVERVIEWC/p> 45 j="syi pa SHTMLS eryraNeipo ep aval eee 46 a7 48 yrms" >HTMLS WEB FORMS 2.0 49

HTMLS AUDIO & VIDEO

se «/ul> 51 52
53 sheader> 54

Table of Contents

ss 56
    HMTLS OVERVIEWC/p> 58 sul style="List-style-typeicireles"> so Browser Support

    68 New Features

    61 Backward Compatibility

    62 63 64 : \ 65 HMTLS SYNTAX

    66
      67

    • The DOCTYPE

      68 <1iv

      Character Encoding

      69 s
      • 78 71
      • 72
      • 7B

    • HMTLS Document

      • 74 Sade ACCENTURE. PRIMERS 75 76 7 HMTLS ATTRIBUTES

      78
        79

      • Standard Attributes

        • 82

      • Custom attributes

        • 81 gfuls 82 83 84 HMTLS WEB FORMS 2.0

        87
          88
          • 89 <1is

          The input element in HTMLS

          38
          • 91
          • 92

        • The autofocus attributes

          • 93 94
        95 96 97 HMTLS AUDIO & VIDEO

        93
          99 <1i>

          Embedding Video

          108 101

        • Embedding Audio

          102 Audio Attribute Specification

          • 103 Handling Media Events

          104

        • Configuring Servers for Media Type

          • 105
        106 107 a/ol> 108 199
aie 2 ee aa ae I Te NT eT @ Dashboard / Primer20-App Bev / Stage 1 / Web Technologies) / HTML Practice program: Chess Board Designing Description Grading wiew @ACCENTURE PRIMERS File List Save Full screen Description | we CHESS. htm! 0 42 a3 caption{ at font-family: Georgia; 45 text-align: center; 46 font-size: 2@px; a7 border-radius: 6px; 4g padding: 5p 49 background-color :#fffffF; 58 border: 3px solid #66060; sit - 52 53 input[type="button"]{ 34 width: 96px; 55 height :4@px; 56 float:left; 5S? border-radius: 58 padding: 5px; so } 68 61 62 63 64 65 66 69 78 std i black_square" title="Black Kmight"> 71 etd (QB8" class="white_square” title="Black Bishop"> 72 etd i lack_square” title="Black Queen"> 73 74 7s etd white square” title="Black Knight”> 76 std "black square” title="Black Rook"> WF 78 79 80 81 82 etd black_square" title="Black Pawn"> 83 84 etd i " class="black_square” title="Black Pawn"> 8s 86 std i " class="black_square” title="Black Pawn"2 a7 88 89 98 91 etd Class="white_square”> 92 std i class="black_square"> 93 94 95 96 97 98 std il 'plack_square"> 99 188 101 102 (ree 103 164 etd black_square’ > 105 106 etd i black_square" > 187 108 109 116 - aa 112 113 etd nite_square" > 114 std i lack_square”> ais etd il class="white_square"> 116 etd i ¢lass="black square’'> 17 121 122 123 124 class="black_square" > 125 127 std i class="white_square''> 128 ctd i lack_square” > 129 etd i nite_square’> 130 132 135 std i " class="white_square” title="white Pawn"> 136 etd i class="black_square" title="White Pawn"> 137 138 etd i black_square” title="White Pawn"> 139 148 141 etd i ihite Pawn" > 142 143 144 145 146 std i class="black_square" title="White Rook"> 147 148 149 186 151 etd KB1" class="white square" title="White Bishop">s 152 153 “KRL" class="white_square” title="white Rook"> 154 etree 185 156 187 158 159 160 161 162 168 169 170 474 172 173
68
131
square" title="Wwhite Queen">
163 164 i button” id="online" value="PlayOnline"> 165 166 167
174 a 175 [exten LIDOCHIOE ney opens head S16) tmployes taste Internat ion’/ icles raund sever nFOE6C; } Spenionald - ‘eckgraund-colersWESESES; Fontsweignt boda; seurrenty - hneckgrowed-colorsaFFFSEE; sraund-coler:erarare; ) bay Teat-abignsaerty ‘ent aca at Lo (Gleaner; agen bss ) Sexoniey ‘olan aA Seckegraund-colery #40082; > Be ayanyies 32 " 2ersonallegend’ Personal Znformattone/ loger> a 2 4 tataes a “Ca>ciabel fore" employeerune’ senployee MawecfTape1 > cs Exqucinais type-"terte id Tamplogestane” min 'amployserane™ placenel don Meter the enpleyte nans* eaguinedse/ sey 49 aie st are 0 Label Fon="euployeate"sEmplayee Tée/Labe1s4 [80 e> 7 sencanput type-"EeaRY A 8 wae : ot ete, | ee ‘ced label foretamal’ sinter Ema le/Labels O>cinput tygee"ten 7 «onder tas"earrent”> a ‘legend Ldctcurrent Begend™ Carrere sustts onc terto ds, a erable opattvens® bepintnert/ labels text” ide"deparinom(™ nawee"deparvment™ requlrads 9 2 “Lope! Lde"previous agiad" »Previods Employrents/ sain oe oF re) clade]. Foreemployer"sEnployers/labels its 108 Gtercinput Type. "text" Le"enployer” nave. “employer” wequiredst/te> lis ot oeabel on. “pmplojerensigeatsan” feployer Drsigaatianc/latezecee> 08 veable> 198 s(dteiaiet> a “mt oypes"sibnat *sibni” sare "yubedt” Paues"Save @ cone M2 «tors MD feadye ua ptm us| ‘Fete the wepleyee rramber” name-"sacharnuaner” placsboider-"triter the aah ‘Leeenall® neres"onail” glaceholders"Epter the enall” ruguiced> edanit ty9ee"thxt” te "employercesLgnatton™ ate="enp Loyerdesigrat on” raquirod>e/ te) at enqaieedoe ti number rigisted pabvomn—“\abai-iaa}-\e(ay> ete-rFanserst (ACCENTURE PRIMERS, saad suer-aenarse/tes Evaluation Result: ropesed grade: 18.08 / 1¢8 jesult Description TEST CASE PASSED [ FOREVERNEMI foreretgypa forewers69@ oS le ust Carma up Evalunte ul bengen) oscil fot sake ay shames Iv he terore => "yor soar i dees nodaeea 9 ameiRoera Sint Memb es sever \ tere sees bss | hoy Lersane-taigssre-socinogs sah: fSroprese cele mane, eset 1 lect OE aa es, Selgrene iors mam, mae , Ireunttyps te, rua cyoe! oa). tet ype “abledt tetarta,ingeitopesanser), Spt tur RPE ten show vies) oc ets ges oner nbs “ea) mae, xe eee ibaa." tmged? SPE Freres oe” elgne"#8" itrs“9" ls="ag evens Eve: imagenes cones wee ‘ro Septeeoon Tore weipition ‘eseloee toternane samp rane/laketsrt> Sh cipa type ent” menPcanpoy ame ee wegalecathy epitcropectancies | ‘lap veceadist uses eeppe ee erga canateatin * cesarean) Poreeessi9 SSStters iene ‘eaeigeal sores me aes telieet ypectensll* nresterell at Lbs eel lSSdh ‘staniate oe sures" tecabons nein. esp centaea sae eaten lee aeese" "anseTE colenS0° op icd>e/setanencite> ‘cedolete sore Se! dtegen eiocru Sterna \ ‘escseel *cuaestet 4° s1 Yo Baty tatec/Baedde ‘sieve rp resists ‘e@ptbe oes eat “Marae Prat cost vnme ar ere 7 inst esr ieMeas weno nt ADB wi bbNb ct" TEeR omer val EH a whe “rpucatet romper ie“upind tnagn of icene, oak racascrHpesc/ Savcreat ype ile" lsrpret tle" sewage pleey” accep ogy” miiple “aerate | ettnhesstes (ata awe hea seth ect ne masses ACCENTURE PRIMERS Evaluation Result: Drow se; a. 08 ifs ®) pit Onn waite @ACCENTURE PRIMERS 7 oe @ Dashboard / Primer 2.0-App Dev / Stage 1 / Web Technologies / JavaScript Practice program: Welcome Message Description Code Editor Grading view Compile & Run Evaluate __ index.html 0 ‘seri 0 4 V/Don"t change or delete the try/catch block 2+ function displaywelcomeMessage() { 3- try { 4 //Get the first name and last name using DOM functions 5 var firstName = document.getElementById("fname'). value; 6 var lastName = document.getélement6yid('Iname*). value; 7 //Display the output in div with id “result” 8 document .getElementById("result').innerHTML = “Welcome " + firstName + " " + lastname; 9 18° } eatch(err) { BGs document. getElementById ("result"). innerHTML=err; 42 ¥ a3\} @ACCENTURE PRIMERS ere Wace ee meee RM me Practice program: Table Booking Descifption Code Editor Grading view 1 //0on"t change or delete the try/catch block 2> function gisplayConfirmarionMessage() { +7 try { //&et the customer name and timing using DOM functions 7/Display the output in div with id “result” var name ~ docunent .getElementById( ‘name") .value; var timings ~ document, getElenentsiylianet timing"); for (var i = 0; 4 < timings.Jength; i++) { Af (timings[4].checked) { ut selectedTiming - timings (i) .value; a break; 4 5 6 T & var selectedTiming - a 10~ 16 document .gotElomentiyld(tresult') .dnmerHTML - "Hi" « name 1“ your table has been booked between * 1 selectedTiming; IB~ — } catch(err) { 19 document .gatElementByld("result"). dnnerHTML=err ACCENTURE PRIMERS Practice program: Zogy online food delivery mctxeltl-leL 4 Descriptor oote edney wemaven oct sch ctapaptadimecionssngty 5 Be te 4 7 (does the nove ond Fendbock raege vous using oom fuoctions |e ‘iosapiay the eaeput sased oh toamace rage Sn 38) with £8 "edaute™ $ Sar tives ~ docrertsgoetlenentijis crac values ae ar ating. = decunentsgetelenert@yl8("rane’ tela; os Swans: = ‘a SoviensamsTSeReMRByTOl"resuit")stonerstM = “Hi * Napst " thank pu for your valuable fresback, Sarry-fo~ he Lnconvaniance, Yau WilE by contattad by! our customer carv of ttcer soon? a ) etse Lfduutioges Bf nating. o1t ta ceciment geet lanestbylal result") iment. « “i Hdanen, Tin you. der your value Fendt. Yor cam, pout yor: complaineson enntonercaradpnel cn Be yee a corwhen: fet lenentBfial'eeaute)ckneertt = Sai opamee thet pre for your vals feaeach, lpry customers aie tur Only ae a ) 2 paseonerey ecusent. gare Temertoys("resudt"} -tnnarhtmLsere; peetire flees reve ' Practice program: Strike Rate Finder Description Code Editor Grading view ACCENTURE PRIMERS Corse a BURE Seasons 15> 1 | /Oon't change or delete the try/catch block 27 function displayStrikeRate() { try { // Get the name, runs arid balls using DOM functions // Calculate the strike rate ends with 2 decimal digits /1 Display the message as per the description in div tag with id “result* var Name = document .getElementById("name'). values var Runs = document .getElementById("runs').value; var Balls = document.getElemantByrd( ‘balls’ ).value; var SR = (Runs/Balls)*100; var message - "Name document getElementById(*result").innerHTML = messages } catch(err) { document .getE lementByid(" result"). innerHTML=err; t ‘sNamet "
Runs Scored : “+Runst “
Balls Faced : "aBalls+" = 3 4~ 5 6 Ugly Number Z 8 9+ 10>
a4 ; 12 43 15
: - - 16 i WF
18 19 20 ACCENTURE. PRIPAERS Practice program: Alliteration Description ‘Code Editor Grading view 1a
s/tr> xtd> é/te> .
Practice program: Alliteration Description Code Editor Grading view er Tae en) 1 V/oont change or delete the try/catch block sm 3+ function checkAlliteration(){ tryt ¢/ Get the value of char & alliter components #/ Invoke getcount() method - will return the number of words. #/ IF the number of words in the sentence is <3, display the corresponding output statement in div witt ff ELSE, invoke validatesentence() method - will return true / false. 1 ff IF false, display the corresponding output statement in div with id ‘result’ = i #/ ELSE, Invoke getScore() - will return the calculated score. 4 #/ Display the corresponding output statement in div with id ‘result’ 1s var char = document.getelementById( 'char').walue.toLowercase(); 16 var sentence = document.getelement8yId(‘alliter’). value. toLowercase() 5 a7 18 var wordCount = getCount(sentence); ag : 207 if (wordcount < 3) { @ACCENTURE. PRIMERS 22 eee taeiteyaye ‘result").innerHTML = “Invalid number of words"; 22 return fa! 23 } 24 25 var isvalidsentence = validatesentence(sentence); 26 27 if (lisvalidsentence) { : oe 23 document.getElementById("result").innerHTML = "Invalid sentence"; 2 return false; 38 } 31 32 var Score = getScore(sentence, char); ‘ 7 33 document. getElementeyId{"result").innerHTML ="Your score is “+Score; 34 35 return false; 36" }eatchf{err){ 37 document. getElementByTd("result").innerHTML="Function checkAlliteration: "+err; 38 } 39 } 48 41° function getCount(str){ ae try 43 44 // Calculates the number of words in str returns the count 45 var words = str.split(" "); 46 return words. length; 47 48> }eatch(err){ 49 document.getelementById(“result"). innerHTML="Function getcount: "err; 58 } si} 52 @ACCENTURE PRIMERS 52 53~ function validateSentence(str){ a tryf 55 56. // When any word of str starts with @ vowel, return false; else, return true 57 var words = str.split(” "); 58 so var validCharCount = @; 60" for (var j = 1; 9 < words.length; j++) ¢ 61> if (words[j][0].toLowerCase() === char) { 62 validCharCount++; 63 1 64 } 6S 667 if (words.iength < 3 && words[@][@].teLowerCase() i== char) { 67 return false; 88 z 63 7" for (var i = @; i < words.length; i++) { yt if (/*[aeiouAETOU]/.test(words[i}t@])) { 72. return false; 3B } 4 } 75. 76 return true; a7 78> }eatch(err){ 7 document. getElementById("result").innerHIML="Function validateSentence: "+err; 88 fy 81 } 82 83 84 function getScore(str,char){ 85> tryt 86 87 df Compare the first letter of every word from str with char, calculate and return the score 88 Bg ver words = str.split(” *); 90 ver score = 8; 91 92> i¢(words[@][@].toLowerCase() !== char){ 93 score = @; 94 return score; 95 a 96 o7 // Compare the first letter of every word from str with char 93" for (vari = 1; i < words.lengtn; i++) ¢ 99+ if Gi < 3 && words[i][@].tolowerCase() === char) { 180 score += 1; 4@1- } else if (i >= 3 8& words[{i][@].toLowerCase() === char) { 102 // For each correct word after the first 3, a score of 2 is given 103 score t= 2; 194 } 105 } 106 107 return score; 108 109° }eateh(err){ 110 document. getElementById("result").innerHTML="Function getScore: "“+err; a1 } a2 } 413 Description Code Editor Grading view File List ; bse Coorg ey otc asl Evaluate i nae) i hey | j j ] | CONCERT.html © concert.jpg D [ scripts 0 | = a a 2 Function show_value(x) { 2 document. getElementById("demo").innerHTML = x; 3} 4 5% function costCalculation() { 6 var noofTickets = parseInt(document.getElementById(“noOfTickets”) . value); 7 var ticketType = document.getElementById("ticketType") . value; 8 var couponCede = document. gett lementById(“couponCode"). checked; 9 var refreshment = document.getElementById(“refreshment™).checked; 10 var basePrice = (ticketType === "Floor") ? 400 : 500; i var total = noofTickets * basePrice; 42 var discount -@; 2B : 14 // Apply discount for more than 20 tickets as* if (noofTickets > 20) { 16 total *- @.9; // 10% discount a7 } 18 19 ¢/ Apply coupon code discount 2er if (couponCode) { 21 discount = noofTickets * basePrice * 0.02; // 2% discount 2a : total = total - discount; 23 } 24 : 25 #/ Add refreshment cost 267 if (refreshment) { 27 total += 100; 28 } 29 30 total = Math.round(total); // Round to the nearest integer 31 document. getElementById("result").innerHTML = “Your ticket charge is Rs. " + total; 32 return false; 33, } (@ACCENTURE PRIMERS Practice program: Concert Ticket Booking Description ‘Code Editor Grading view ee Meri CONCERTIntmIO | concertjogO scripts 5 _ Ni ye hana
chr/> staple ide"ticeettavle" > ckovckd colspanat2*>View ticket cost charte/ar sterctd colsp: cto cts clabel Fore" name">uame /labeLyPersonal Details "Enter your name” required pattern="[A-Za-r\s}+" /n th ‘ingut ‘types"ragio” 4 snes" gender” value="male” required> Male ‘ ste? clabel ForeMphonetunber"sPhone Numberc/Iabel> 2/tas th atepetd colspane"2” clase."title"sTicket detailsi/tdr try clabel ForaMacoFricketst suo OF Ticketec/label> etdscinput type"range™ name="* id-"noofTickets” min-"5" max-"49" step="1" required oninput. "show_value(thisvalue)"/s¢span id="demo"s4/span> gto ete efarclabel fora"ticketType"> Ticket Typec/label> eb | cseleck idaMelekettype” nane-"tickettype" alta. “tr tee ‘eadsatid Onse/ tes ta coupon code 205 1067 107
123
124
425

126 4277 128 Ticket Cost Chart 129° 130 132 132 aa5> 136 137 139 140 142 143 144 145 146 aay 21487 tre 149 158 451 4152
On Booking more than 20 tickets¢/th> 133 134
Floor40ac/td> 138 1@% discount2% discountBalcony 50040% discount2% discount
* You must pay Rs.10@ extra on choosing Refreshment!
153 154 155° “ seanpee 68 65st 66 67*
mR 37 74 Phone Number 7 76 72
78 79> Ber ‘61 etdrAnchovy 82 ‘Bay etre 85 Bb ‘8? ‘BBY Bg 98 92> 93 94 in Kg¢/td> 95 96" etd 9B 99) 11 183 ae 105 187 188° 9 4td>Sardine 118 1i2- 113 14 a5 Tis> etre aii? 118
in Kpc/td> ‘83
Barracuda in Ke
in Kgc/td> a2
in KePrawn< /tid> 182 i in Kg
Salmonc/td> 106 im Kg
-in Kgc/td> iil
in KgTilapiac in Kgc/td> 119 128
121° 222.
32 33 4a 43> ao SI $2 $3 5S ‘SR ax /{ Debug this Javascript code to calculate the cost of fish and return the total amount var try < } sum = 8; if(document .getélementGyid("anchovy").value) { sum += document. get£lementByld("anchovy").value"2; } if(document.getélementByld("barracuda").wvalue) { Sum += document. getélementByld("barracuda”).value*s; if (document .getElementBytd("crab").value) { sum += document. getElement8yId("crab").walue"3; } if (document. getElement Byid(“kingmackerel").value) { sum += document.gettlementByld("kingmackerel"). value"1@; if(document.getElementByld("pomfret"). value) { sum += document. getilementSyld("pomfret").value*9; if (document. getélementByid(“prawn").value) { sum += document. getElement8yld("prawn").value* 3; if(document.getElementByld("salmon”).value) { sum += document. gettlementéyld("salmon").value*s; 4f(document .getélementByld("sardine"). value} { sum += document. getElementByid("sardine").value"2; if (document .getélementByid("shark").value) { Sum += document. gettlement@yid("shark").value’S; if (document .getElementyld("tilapia”).value) { sum += document. getElementByld("tilapia”).value’4; } return sum; eatch(err) { document. getélementéyid("result”).innerHTMi-err; @ACCENTURE.PRIMERS Description Code Editor Grading view Full screen \ [Sse 2 3 a 5 6 7. 8 a 16 1 12 Le script.js © ; K!--Do not make any change in this code template --> shead>