Posts

Showing posts from February, 2019

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...
1 comment
Read more

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...
1 comment
Read more

9.Using “table” tag, align the images as follows:

Image
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"...
Post a Comment
Read more

8.Design the page as follows, using table colspan

Image
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> ...
Post a Comment
Read more

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)
Post a Comment
Read more

6.Create a help file as follows using frameset concept

Image
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:- ...
Post a Comment
Read more

5. Design the page as follows

Image
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
Post a Comment
Read more

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>         ...
Post a Comment
Read more

3.Divide the web page as follows:

Image
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:-
Post a Comment
Read more

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...
Post a Comment
Read more

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...
1 comment
Read more