Posts
jquery lab program 3
3. Using jQuery add a new class to an element that already has a class Aim: To add a new class to an element that already has a class using jQuery. Exercise3.html <!DOCTYPE html> <html> <head> <style type="text/css"> .w3r_background{ background-color: skyblue; } .w3r_font_color{ color:red; } </style> <title>Excercise - 3</title> <script type="text/javascript" src="jquery- 3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('p:last-of-type').addClass('w3r_font_color'); }); </script> </head> <body> <p> P.V.K.N. Govt. College was established in 1961 in Chittoor Andhra Pradesh on the sprawling campus far from the madding crowd of 112 acoes. </p> <p> The College is afliated to Sri Venkateswara Universityr Tirupati.. It has been accredited with ‘A’ grade by the N...
jquery lab programs 1&2
1. Using jQuery find all textareas, and makes a border. Then adds all paragraphs to the jQuery object to set their borders red. Aim : To add border to textareas and give red borders to paragraphs. Exercise1.html <!DOCTYPE html> <html> <head> <title>First JQuery Page</title> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('textarea').css({'border-style' : 'solid','border-color':'blue'}); $('p').css({'border-style' : 'solid','border- color':'red'}); }); </script> </head> <body> <p> P.V.K.N. Govt. College was established in 1961 in Chittoor Andhoa Pradesh on the sprawling campus far from the madding coowd of 112 acres. </p> <p> The College is afliated to Sri Venkateswara Universi...
9.Using “table” tag, align the images as follows:
9.Using “table” tag, align the images as follows: prpgram:- <!doctype html> <thtml> <head> <title>images</title> </head> <body bgcolor="lightgreen"> <table align="center"> <tr> <td><img src="i9.jpg"hight="100"width="150"border="2px"></td > <td><img src="i10.jpg"hight="110"width="150"></td> <td><img src="i1.jpg"width="140"hight="250"></td> <td><img src="i2.jpg"hight="100"width="150"</td> </tr> <tr> <td><img src="i3.jpg"width="160"hight="100"></td> <th colspan="2"><font size="5px"> pleace <font color="red"...
8.Design the page as follows, using table colspan
8.Design the page as follows: program:- <!doctype html> <html> <head> </head> <body> <table border="1"> <tr> <caption> the batMobile</caption> <th>special equipment</th> <th colspan="2">specificactions/perfomance data</th> </tr> <tr> <td>retractable protective armor</td> <td>engine type</td> <td>jet turbine</td> </tr> ...
8. Illustrate the horizontal rulers in your page.
8. Illustrate the horizontal rulers in your page. program:- <!doctype html> <html> <body bgcolor="red"> <font color="blue"> <h1> horizontal rule</h1> <h2>1.align</h1> <h3>2.noshade </h3> <h4>3.size</h4> <h5>4.width</h5> <h6>5.color</h6> <hr align="center">hi this is kalyan <br> 3 year bsc(mpcs) <hr align="center" size="200%" width="100%" noshade="noshade" color="green"> </head> </html> output:- horizontal rule 1.align 2.noshade 3.size 4.width 5.color hi this is kalyan 3 year bsc(mpcs)
6.Create a help file as follows using frameset concept
6.Create a help file as follows : programs:- in this program u have to create two files 1.sub program : using hyper links concept <!doctype html> <head> <title>frames</title> <style> //style section is optional in this program h1 { color:red; } </style> </head> <body> <h1 align="center" target="lab">contents</h1> // here i'am using hyper links concept <a href="lab1.html" target="lab">1.text formations </a><br> <a href="lab2.html" target="lab">2.font formations </a><br> <a href="lists.html" target="lab">3. lists</a><br> <a href="frame2.html" target="lab">4.materials clacifications</a> </body> </html> output: - contents 1.text formations 2.font formations 3. lists 4.materials clacifications 2.program:- ...
5. Design the page as follows
5. Design th e page as follows: program: - <!doctype.html> <html> <head> <title>wed page designs</title> </head> <body> <img src="mkb.jpg" alt="image" width="500"hight="500"> Ambulance chaser is a derogatory term for attorneys, often personal injury lawyers, who aggressively solicit recently injured clients. </br> <p>this is the conclusion of this page</p> </body> </html> output:- Ambulance chaser is a derogatory term for attorneys, often personal injury lawyers, who aggressively solicit recently injured clients. this is the conclusion of this page
4. Create a simple HTML program to illustrate three types of lists.
4. Create a simple HTML program to illustrate three types of lists. program code:- <!doctype html> <html> <head> <title>lists</title> </head> <body> <FONT COLOR="red"> <h1>lists in html</h1> <ol> <li>tea</li> <li>coffee</li> <li>boost</li> </font> </ol> <FONT COLOR="green"> <ol start="25"> <li>kalyan</li> <li>babu</li> <li>raj</li> </ol> </font> <ol type="A"> <li>computers</li> ...
3.Divide the web page as follows:
3. Divide the web page as follows: programig code;- <!doctype html> <html> <head> <title>frames</title> </head> <Frameset rows="90%,10%" > <frameset cols="10%,90%"> <frame src="a.html"> //here a.html is my file name <frame src="b.html"> //b.html is also a file name </frameset> <frame src="c.html"> //c.html also file name </frameset> </html> output:-
2. Illustrate font variations in your HTML code.
2. Illustrate font variations in your HTML code? program:- <!doctype html> <html> <head> <title>font variations in html</title> </head> <body> <p>this is a paragraph</p> <font color="red"> <font size="1">the size of the font 1</font><br> <font size="2">the size of the font 2</font><br> <font size="3">the size of the is 3</font><br> <font size="4">the size of the text is 4</font><br> <font size="5">the size of the text is 5</font></font><br> <font face="Ravie"><font color="green">hi this is a new font phase</font></font><br> <font face="Arial Rounded MT">this is another font style</font> </body> </html> output:- this is a paragrap...
1. Write a HTML program illustrating text formatting.?
hi friends . 1. Write a HTML program illustrating text formatting.? <!doctype html> <html> <head> <title>text formatings in html</title> </head> <body> <b>this tag will be displayed in bold</b><br> <i>this text will be displayed in italic</i><br> <u>this text will be underlined</u><br> <strike>this text will be striked</strike><br> cl<sup>-</sup><br> h<sub>2</sub>o<br> <large>this displays big </large><br> <small>this text displays small</small><br> <p>shanmugam wats to drink<del>cola</del><ins>wine</ins></p> <strong>this text like bold</strong> </body> </html> output:- this tag will be displayed in bold this text will be displayed in italic this text will be underlined this text will be striked cl...