MCA IT RECORD

(1)

1. TEXT FORMATTING

Problem: Write a program to design a web page on text formatting Tags. Solution:

Program code: <html>

<head>

<title>Text Formatting Tags</title> <basefont size="6">

</head> <body>

<h1 align=center>Formating Tags </h1> <hr>

Bold : <b> SV ARTS </b> college<br> Italic: <i>SV ARTS</i> college<br>

Underline: <u> SV ARTS</u> college<br> strike: <strike> SV ARTS</strike> college<br> Big: <big> SV ARTS</big> college<br>

small: <small> SV ARTS</small> college<br> strong: <strong> SV ARTS</strong> college<br> Emphasis: <em> SV ARTS</em> college<br>

subscript: H<sub> 2 </sub> O <br> super script: X <sup> 2</sup> <br> </body>

(2)

2. Linking to other web pages

Problem: Write a program to design a web page to link other web page. Solution: Program code: <HTML> <HEAD><title>Hyper LInks</title> </head> <body>

<h1 align=center>SV ARTS & SCIENCE COLLEGE</h1> <hr>

<h2>

The College offers following

<a href="course.html"> Courses </a> </body> </html> Course.html <html> <head><title>college course</title> </head> <body>

<h1>The college offers following courses</h1> <h2> <UL> <LI>B.Sc <LI>B.Com <LI>M.C.A <LI>M.B.A <LI>M.Sc </UL> <BR><BR><BR><BR><BR><BR><BR> <h2 align=right> <a href=prg4.html>Home</a> </body> </html>

(3)

3. Intradocument Hyperlinks

Problem: Write a program to design a web page to link other web page. Solution:

<head>

<title> Linking within a web page</title> </head>

<body>

<h1 align=center> Internet Concepts </h1> <hr> <h2>

<ul>

<li> <A href="#chapter1">Introduction to www </A> <br> <li> <A href="#chapter2">Introduction to E-mail </A> <br> <li> <A href="#chapter3">Introduction to Html </A> <br> </ul>

<p><u>This is the introduction part of www </u> <br>

World Wide Web was created by Timothy Berners Lee in 1989 at CERN in Geneva.<br>

WWW documents are expressed in hypertext markup language (HTML).<br> Uniform Resource Locator (URL)denotes the address of the web page

displayed.<br>

This general format of URL consists of three parts as follows:<br> how://where/what <br>

How: How the web page can be accessed? <br> Where: where the web page can be found? <br>

What: what is the file name corresponding to the page? <br> </p>

<p> <u>This is the introduction part of E-mail </u> <br> <u><b> E-mail features:</b></u>

These days e-mail facility allows many features: <br> <br> 1. Composing and sending or Receiving messages. <br>

2. Storing/Forwarding/replying/deleting to a message with normal <br> facilities such as carbon copies, blind carbon copy etc. <br>

3. Communicating with one of millions of computers. <br> 4. Communicating with many users at a time. <br>

5. Sending text, voice, graphics and video messages. <br>

6. Sending a message that interacts with other computer programs. <br> <br><br><br><br><br><br><br><br><br><br><br><br><br> </A>

(4)

<p><u> This is the introduction part of Html </u> <br>

1.HTML is the standard markup language for creating Web pages.<br> 2.HTML stands for Hyper Text Markup Language.<br>

3.HTML describes the structure of Web pages using markup.<br> 4.HTML elements are the building blocks of HTML pages.<br> 5.HTML elements are represented by tags.<br>

6.HTML tags such as "heading", "paragraph", "table", and so on <br> 7.Browsers do not display the HTML tags, but use them to render<br> the content of the page.

4. Image Tag

Problem: Write a program to design a web page to use image tag with its properties. Solution: Program code: <html> <head> <basefont size=5> <title>Image Tag</title> </head> <body>

<h1 align=center>Block Diagram of Computer</H1> <HR>

<img src="comp.jpg" border=5

height=70% width=30% alt="computer" align="right">

</img>

<p>A Computer is divided into 3 parts <br> <ol>

<li>Input Unit

<li>Centeral Processing Unit: It is Divided into 3 items <ul>

<li> Arithmetic and Logical Unit <li> Memory Unit

(5)

<html>

<h1>S.V Arts & Science College offers following Courses</h1> <h2> Ordered List

<H2> UG Courses <OL>

<LI>B.Sc - Maths, Statistics, Computer Science <LI>B.Com - Computer Applications

<LI>B.A - History, Economics and Politics </OL> <H2> UnOrdered List <H2>PG Courses <UL> <LI>M.C.A <LI>M.B.A

<LI>M.Sc - Statistics and Organic Chemistry <LI>M.A - Telugu and English

</UL>

<H2> Definition List <DL>

<DT>WWW

<DD> World Wide Web <DT>Http

<DD> Hyper Text Transfer Protocol </DL>

(6)

6. Form Controls

Problem: Write a program to design a web page for student registration form. Solution:

<h1 align=center>STUDENT REGISTRATION FORM</H1> <form action= "www.vsuniversity.edu.in" method= "get"> <h2>

Name of the Student:

<input type="text" name="sname" size=20 maxlength=20> <br> Father Name:

<input type="text" name="fname" size=20 maxlength=20> <br> Date-Of-Birth:

<input type="text" name="dob" maxlength=10> <br> Gender:

<input type= "radio" name="code" value="M">Male <input type= "radio" name="code" value="F">Female <br> Qualification:

<input type="checkbox" name="qlf" value="bsc">B.Sc <input type="checkbox" name="qlf" value="Msc">M.Sc <input type="checkbox" name="qlf" value="MCA">M.C.A <input type="checkbox" name="qlf" value="MBA">M.B.A <br> Personal Information :

(7)

7. Page Layout – Frame Tag

Problem: Write a program to design a web page Layout by using Frame Tag. Solution: Program code: <html> <frameset cols="30%,70%"> <frame src="svcollege.html"> <frameset rows="90%,10%"> <frame src="course.html"> <frame src="logo.html"> </frameset> </frameset> </html> Svcollege.html <html> <body>

<h1 align=center>SV ARTS & SCIENCE COLLEGE</h1> <hr> </body> </html> Course.html <html> <head><title>college course</title> </head> <body>

<h1>The college offers following courses</h1> <h2> <UL> <LI>B.Sc <LI>B.Com <LI>M.C.A <LI>M.B.A <LI>M.Sc </UL> </body> </html> Logo.html <body text=blue> <h2>

<marquee>...SV ARTS & SCIENCE COLLEGE...GUDUR....NELLORE DISTRICT... </marquee>

</h2>

(8)

Problem: Write a program to design a web page for preparing a resume by using Table Tag. Solution: Program code: <html> <head><title>Bio-Data Format</title> </head> <body> <h1 align=center>CURRICULUM VITAE</h1> <table align=center border=5 width=50%> <tr> <td>Name: <td colspan=4>xxxxx <tr> <td>Gender: <td colspan=4>MALE <tr> <td>DOB: <TD colspan=4>18/01/1996 <tr> <td>Nationality: <td colspan=4>Indian <tr> <td> Religion: <td colspan=4>xxxx <tr> <td rowspan=5>Address <tr> <td colspan=4>Street:Big Mosquee <tr> <td colspan=4>Town:Gudur <tr> <td colspan=4>District:Nellore <tr> <td colspan=4>State:Andhra Pradesh

<tr> <td colspan=4 align=center> Educational Qualifications <tr> <td> Course <td>Board <td>Year <td>Percentage <tr> <td>SSC <td>SSC Board of AP <td>2012 <td> 70 <tr> <td>Inter <td>Inter Board of AP <td>2014 <td>85 <tr> <td>B.Sc<td>VSU<td>2017 <td>84

</table> </body> </html>

(9)

9. Custom Background and Colors

Problem: Write a program to design a web page with custom background and colors.

Solution:

<head> <title> custom background and colors </title> <style type="text/css"> body { background-color:yellow; } h1 { background-color:pink;color:green; } ol { color:blue; } ul { color:red; } </style> <body>

<h1 align=center> S.V ARTS & SCIENCE COLLEGE </H1> <HR>

<H2> <ol> <li> B.Sc

<ul> <li> Mathematics <li> Statistics

<li> Computer science </ul> <LI> B.Com <LI>M.C.A <LI>M.B.A </OL> </body> </html>

(10)

10. Color Animation

Problem: Write a program to design a web page to Animated Colors. Solution:

<head> <title> Color Animation </title> <style type="text/css"> @keyframes example { from { background-color:yellow; } to { background-color:red; } } div{ width:500px; height:50px; background-color:yellow; animation-name:example; animation-duration:4s; animation-iteration-count:infinite; animatin-timing-function:ease-out; } </style> <body> <center> <div>

<h1 align="center"> S.V ARTS & SCIENCE COLLEGE </h1> </div>

(11)

11. Graphics Animation

Problem: Write a program to design a web page to Animated Graphics. Solution:

<head><title> Animated Graphics </title> </head> <style> #mycontainer { width:400px; height:400px; position:relative;background:yellow; } #myanimation{ width:50px; height:50px; position:absolute; background-color:red; } </style> <p>

<button onclick="mymove()">Click Me!</button> </p> <div id="mycontainer"> <div id="myanimation"> </div> </div> <script> function mymove() { var elem=document.getElementById("myanimation"); var pos=0; var id=setInterval(frame,10); function frame() { if(pos==350) { clearInterval(id); } else{ pos++; elem.style.top=pos+'px'; elem.style.left=pos+'px'; } } } </script> </body>

(12)

Problem: Write a program to design a web page for cascading style sheet with an external style sheet.

Solution:

<head>

<title>External Style Sheet</title> </head>

<body>

(13)

(14)

(15)

(16)

(17)

(18)

(19)

(20)

(21)

(22)

(23)

(24)