June 2024 – Page 2 – O Level Notes

Practical Set 3 Question 2

Using HTMLCreate a 4x3 tableWithin table, place 12 images of Indian Tourist Spots, in each boxEach image should link to the corresponding website of the Tourist SpotEach Image must be at least 100x100 in size. <!DOCTYPE html><html><head> <title>M2-R5.1 Set 3 Question 2</title></head><body><table border=1 cellspacing="0" width="60%" height=""><tr><th><a href="#"><img src="image/taj.png" height="100" width="100"><p>Taj Mahal</p></a></th> <th><a href="#"><img src="image/lakshdeep.png" height="100" width="100"><p>Lakshdeep</p></a></th><th><a href="#"><img src="image/shreenagar.png" height="100" width="100"><p>Shree Nagar</p></a></th><th><a href="#"><img src="image/manali.png" height="100" width="100"><p>Manali</p></a></th></tr><tr><th><a href="#"><img src="image/Andman.png" height="100" width="100"><p>Andmal Nikobar</p></a></th><th><a href="#"><img src="image/Udaipur.png" height="100" width="100"><p>Udaipur</p></a></th><th><a href="#"><img src="image/Goa.png" height="100" width="100"><p>Goa</p></a></th><th><a href="#"><img src="image/varanasi.png" height="100" width="100"><p>Varanasi</p></a></th></tr><tr><th><a href="#"><img src="image/rishikesh.png" height="100" width="100"><p>Rishikesh</p></a></th> <th><a href="#"><img src="image/nanital.png" height="100" width="100"><p>Nainital</p></a></th><th><a href="#"><img src="image/mussori.png" height="100" width="100"><p>Mussoori</p></a></th><th><a href="#"><img src="image/amritsar.png" height="100" width="100"><p>Amritsar</p></a></th></tr> …

Practical Set 3 Question 1

Write a HTML program to design a form which should allow to enter your personal data.(Hint: make use of text field, password field, e-mail, lists, radio buttons, checkboxes, submit button) <!DOCTYPE html><html><head> <title>M2-R5.1 Set 3 Question 1</title></head><body> <h1>Student Application Form</h1><form> Candidate Name : <input type="text" name="sname"><br><br> Father Name : <input type="text" name="fname"><br><br> User Name : <input type="password" name="pass"><br><br> E-mail : <input type="email" name="em"> <br><br> Gender : <input type="radio" name="Gender" id="ma"><label for="ma">Male</for><input type="radio" name="Gender" id="fe"><label for="fe">Female</label><br> Select Qualification: <input type="checkbox" name="h">10th<input type="checkbox" name="e">12th<input type="checkbox" name="l">Grraduation<input type="checkbox" name="e">Post Graduation<br> Attach Document: <ol> <li>10th Certificate</li> <li>12th Certificate</li> <li>Aadhaar Card</li> </ol> <input type="submit" name="sub"…

Practical Set 2 Question 3

Write a program in JavaScript to generate series of prime number.Method 1<html><head><title>M2-R5.1 Set 2 Question 3</title></head><body><script> start=parseInt(prompt("Enter the Starting Number")); stop=parseInt(prompt("Enter the ending number"));let count=0let i,jfor(j=start;j<=stop;j++){for( i=1;i<=j;i++){ if(j%i==0) count++ }if(count==2)document.write(j+" ")count=0}</script></body></html> Method 2<html><head><title>M2-R5.1 Set 2 Question 3</title></head><body><script> start=parseInt(prompt("Enter the Starting Number")); stop=parseInt(prompt("Enter the ending number"));for(n=start;n<=stop;n++){var prime=true;for(var i=2;i<n-1;i++){if(n%i==0){prime=false;break;}}if(prime==true)document.write(n+" ,…

Practical Set 2 Question 2

<!DOCTYPE html><html><head> <title>M2-R5.1 Set 2 Question 2</title></head><body> <center> <h1>JavaScript Output As Calculator</h1>A+B=<input type="text" id="add" disabled>        A-B=<input type="text" id="sub" disabled><br><br><br><br>AxB=<input type="text" id="mul" disabled>       A/B=<input type="text" id="div" disabled> </center><script type="text/javascript"> var num1=parseInt(prompt("Enter First Number ")); var num2=parseInt(prompt("Enter Second Number ")); var a=num1+num2; document.getElementById('add').value=a; var b=num1-num2; document.getElementById('sub').value=b; var c=num1*num2; document.getElementById('mul').value=c; var d=num1/num2; …

Practical Set 2 Question 1

Write a HTML code to divide browser window into two horizontal sections and play different videos in each section.Main Part <!DOCTYPE html><html><head> <title>M2-R5.1 Set 2 Question 1</title></head> <frameset rows="*,*"> <frame name="a1" src="framevideo1.html"></frame> <frame name="a2" src="framevideo2.html"></frame> </frameset></html>Frame 1 (first video) <!DOCTYPE html><html><head> <title>frame 1 videos</title></head><body> <center> <video controls width="650"> <source src="image/m1r5 email.mp4" type="video/mp4"> </video> </center></body></html>Frame 2 (second video) <!DOCTYPE html><html><head> <title>frame 1 videos</title></head><body> <center> <video controls width="650"> <source src="image/OBC form.mp4" type="video/mp4"> </video> …

Practical Set 1 Question 3

Write a HTML code for creating a table with 9 columns and “n” rows here n is the no of students and columns contain students attribute such as (Sr. No, Student name, roll no, DOB, address, father name, mother name, class, Courses he/she is enrolled)? Sr.No. Student Name Roll No. DOB Address Father’s Name Mother’s Name Class Course Method 1<!DOCTYPE html><html><head><title>M2-R5.1 Set 1 Question 3 (Method 1)</title></head><body><table border=1 cellspacing="0" width="60%" height=350px><tr><th>Sr. No.</th><th>Student Name</th><th>Roll No.</th><th>DOB</th><th>Address</th><th>Father's Name</th><th>Mother's Name</th><th>Class</th><th>Course</th></tr><tr><td>1.</td><td>Vijay Kumar</td><td>12312</td><td>10/07/1985</td><td>Dwarika, New Delhi</td><td>Santosh Kumar</td><td>Subhawati Devi</td><td>Semester 2</td><td>B.Tech</td></tr><tr><td>1.</td><td>Vijay Kumar</td><td>12312</td><td>10/07/1985</td><td>Dwarika, New Delhi</td><td>Santosh Kumar</td><td>Subhawati Devi</td><td>Semester 2</td><td>B.Tech</td></tr><tr><td>1.</td><td>Vijay Kumar</td><td>12312</td><td>10/07/1985</td><td>Dwarika, New Delhi</td><td>Santosh Kumar</td><td>Subhawati Devi</td><td>Semester 2</td><td>B.Tech</td></tr></table></body></html>Method 2<!DOCTYPE html><html><head> <title>M2-R5.1 Set 1 Question 3 (Method 2)</title></head><body> <table border=1 cellspacing="0" width="60%" height=350px> <tr> <th>Sr. No.</th> <th>Student Name</th> <th>Roll No.</th> <th>DOB</th> <th>Address</th> <th>Father's Name</th> <th>Mother's Name</th> <th>Class</th> <th>Course</th> </tr><script type="text/javascript"> var n=parseInt(prompt("Enter How many Student Add in a Table (no of row ")) for (var i=1;i<=n;i++) { document.write("<tr height=50px><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>"); …

Practical Set 1 Question 2

Write HTML code to demonstrate the use of Anchor Tag for the Following:-Create a web link that opens in a new window.Create a web link that opens in the same window.Reference to some image.Making an image a hyperlink to display second image.<!DOCTYPE html><html><head> <title>M2-R5.1 Set 1 Question 2</title></head><body> <h1><a href="https://nielitexam.co.in" target="_blank">O level Test Site</a></h1><br> <h1><a href="https://www.olevelnotes.com" target="_self">O level Notes Site</a></h1><br> <h1><a href="#img">Goto Image Area</a></h1><br> <h1><a href="image/notes logo.png"><img src="image/small.jpg"></a></h1><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <hr color=red size=5><hr color=green size=5><h2 align="center"><a name="img">Welcome to Image World</h3><hr color=green size=5><hr color=red size=5><img src="image/Calc.png" height="450"><img src="image/HTML 5.png"…

Practical Set 1 Question 1

Write a HTML code to divide browser window into two vertical section and divide each section into two parts with different colors-Purple and Green. On Purple side ‘NIELIT’ should be displayed and on Green side, ‘Practical Examination’ should be displayed with blinking. Main Part <!DOCTYPE html> <html> <head> <title>M2-R5.1 Question 1</title> </head> <frameset cols="*,*"> <frame name="a1" src="green_frame.html"></frame> <frame name="a2" src="purple_frame.html"></frame> </frameset> </html> First Frame (Green side) <!DOCTYPE html> <html> <head> <title>M2-R5.1 Question 1</title> <style type="text/css"> .blink { animation: blinker 1.5s linear infinite; color: white; font-family: sans-serif; } @keyframes blinker { 10% { opacity: 0; } } </style> </head> <body bgcolor="green"> <h1 align="center">Practical Examination</font></h1> </body> </html> Second Frame (Purple side) <!DOCTYPE html> <html> <head> <title>M2-R5.1 Question 1</title> </head> <body bgcolor="purple"> <h1 align="center"><font color=white>NIELIT</font></h1> </body>…

Month: June 2024