@ Aaftab @

Unit 3 Programs 1.Test if jQuery is loaded. ANS) <!DOCTYPE html> <html> <head> <title>Unit 3 - prg 1</title> <script src = "jquery.js" > </script> </head> <body> <script> $(document).ready( function() { $("p").click(function() { alert("This alert box show using Jquery......!"); }); }); </script> <p>Click for alert box</p> </body> </html> 2.Scroll to the top of the page with jQuery. ANS) <html> <head> <title>Unit 3 - prg 2</title> <script src="jquery.js"></script> <script > $(document).ready(function() { $("#top").bind("click",function() { $("html,body").animate({scrollTop:0},"slow"); }); $("#bottom").bind("click",function() { $("html,body").animate({scrollTop:1000},"slow"); }...

UNIT - 2 Programs NOTE: ALL THE PROGRAMS DONE BY SHAKSHI SHAH.........! 1. Write a javascript to print your name and surname on screen. ANS) <html> <head> <title>UNIT 2 - prg 1</title> <script> function check() { var first,last; first = document.getElementById("v1").value; last = document.getElementById("v2").value; document.getElementById("ans").innerHTML= first + " "  +last; } </script> </head> <body> Name : <br> <input type="text"  id="v1"> <br><br> Surname : <br> <input type="text"  id="v2"> <br><br> <input type="button" onclick="check()" value="click to print name"> <br><br> <span id="ans"></span> <span id="ans1"></span> </body> </html> 2. Write a java...

!..........DHTML Unit-1(CSS) program............! NOTE: ALL THE PROGRAMS DONE BY SHAKSHI SHAH.........! 1) Write HTML program which contains cascaded style sheet for p, h2, h3, body and font attribute. ANS) <!DOCTYPE html> <html> <head> <title>UNIT 1 - prg 1</title> <style> p { background-color:yellow; } h2 { color:red; //this will change font color to red... } h3 { font-size:45%;   //to change font size } </style> </head> <body> <p>This is p tag</p> <h2>This is h2 tag</h2> <h3>This is h3 tag</h3> </body> </html> 2)Write HTML program which contains external style sheet with user-defined Classes. ANS) HTML CODING : <!doctype html> <html> <head> <title>Unit 1 - prg 2</title> <link rel="stylesheet" href="css1.css" type="text/css"> </head> <body> <p c...

Write a note on structure of HTML. Explain CANVAS in detail with example. Write a note on Input type attribute of form? Write a note on Multimedia elements in HTML5. Explain Topology with example. Write a note on LAN, MAN and WAN. Write a note on advantages of Internet. Write a note on Protocols. Explain any two in detail. Explain Ordered and Unordered list with example. Write a note on Hyperlink in detail.  click for internet technology Answer Explain <Frameset> and <frame>with example. Write a note on Image Map. Write a note on DNS. Write a note on markup elements. Explain Video tag in detail with example. Write a note on adding background color and image in HTML. Explain IFrame with example. Explain <img> with all its attributes and example.  State the difference between inline (span) and Block level (div) elements. Write a short note on E-commerce.

HTML Universty old Question papers :  No answer key availible for imortant question answer click here Images :

NOTE :- Put the frameset code in between opening and closing tag of Head  To get above output copy code and run in google chrome or download file frome below link <!DOCTYPE html> <html> <head> <frameset cols="25%,50%,25%"> <frame src="https://ljtians.blogspot.com/p/c-prg.html" border=2> <frame src="https://ljtians.blogspot.com/"> <frame src="https://ljtians.blogspot.com/p/html.html"> </frameset> </head> <body> </body> </html> Click here to download HTML file..

Code for Above Output : <!doctype html> <html> <head> <title>HTML Form</title> <style> </style> </head> <body> <form> <table border="1" cellpadding=5 cellspacing=0 align="center" bgcolor=white> <tr> <td>Text box</td>    <td><input type=text name="fname"></td> </tr> <tr> <td title="This is textarea">Textarea</td> <td><textarea name="add" placeholder="this is area"></textarea></td> </tr> <tr> <td>Radio Button</td> <td> <input type=radio name=gen value=m checked>Male <input type=radio name=gen value=f>female </td> </tr> <tr> <td>Email</td> <td><input type=email name="mail" autofocus></td> </tr> <tr> <td>Password</td> ...

Table Excersice 1  : Click Here to Download the word file of questions.... For solution Also availible .html file  extention Click here.... Table Excersice 2  : Click Here   to Download the word file of questions.... For solution Also availible .html file  extention  Click here....

HTML Canvas 2 Code for Canvas 2 <!DOCTYPE html> <html> <head> </head> <body> <p>Canvas</p> <canvas id="myCanvas" height=300 width=500 style="border:2px solid;"> </canvas> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.moveTo(0,100); ctx.lineTo(500,100); ctx.moveTo(0,200); ctx.lineTo(500,200); ctx.stroke(); </script> </body> </html>

HTML Canvas <!DOCTYPE html> <html> <head> </head> <body> <p>Canvas</p> <canvas id="myCanvas" height=300 width=500 style="border:2px solid;"> </canvas> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.moveTo(0,100);1` ctx.lineTo(500,100); ctx.moveTo(0,200); ctx.lineTo(500,200); ctx.stroke(); </script> </body> </html> Click here for download .html text file