Upload
jay-patel
View
22
Download
3
Embed Size (px)
DESCRIPTION
INTERNET TECHNOLOGY,experiments for HTML , JAVA-SCRIPTS, CSS
Citation preview
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
1
AIM-1 Write a HTML program to print Hello World in browser.
Code:
This is first Web page.
Hello World.
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
2
AIM-2 Create a web page illustrating text formatting tags available in html(i.e,
, , ).
Code:
HTML tags
This is HTML Tag Examples.
This is bold Tag.
This is underline Tag.
This is italic Tag.
I am reading writing.
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
3
AIM-3: Prepare a sample code for different type of Heading in HTML.
Code:
Heading Tag
This is Heading 1.
This is Heading 2.
This is Heading 3.
This is Heading 4.
This is Heading 5.
This is Heading 6.
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
4
AIM-4: Prepare a sample code to illustrate three types of list in HTML.
Code:
HTML Different Types of List
This is unorder List.
beetroot
Ginger
potato
Radish
This is order list.
beetroot
Ginger
potato
Radish
This is Definition List
HTML
This stands for Hyper Text Markup Language.
HTTP
This stands for Hyper Text Transfer Protocol.
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
5
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
6
AIM-5:Create a HTML file that displays three images at left, right and center
respectively in the browser
Code:
Images in webpage
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
7
AIM-6: Create a below given table.
CODE:
HTML tables
Coloumn 1
Coloumn 2
Coloumn 3
Row 1 Cell 1
Row 1 Cell 2
Row 1 Cell 3
Row 2 Cell 2
Row 2 Cell 3
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
8
Row 3 Cell 1
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
9
AIM-7 Using Frames Divide the web page as follows :
Code:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
10
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
11
AIM-8: Create a student registration form using the following tags ,
, , , , The registration form must consist of
following information :
First Name, Middle Name, Last Name, Gender (use radio button), Address, Phone
No., email id, Hobbies (use checkbox), City, State, Country, College Name (use
dropdown menu)
Code:
Frorms
First Name :
Last Name :
Gender : Male
Female
Address :
Phone No. :
Email ID :
Mobile No. :
Hobbies : Playing Cricket
Watching movies
Reading Books
City :
State :
Country :
College Name :
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
12
PIT
PIET
PGDM
PIP
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
13
AIM-9 Make a student Registration form using CSS-inline, internal & external style
sheet.
CSS Code:
.main{
margin-left:200px;
width:600px;
border:2px;
background-color:#e9e2a2;
color:#eeffcc;
height:600px;
}
.banner{
width:600px;
margin-top:0px;
height:120px;
background-color:#002244;
text-align:center;
padding-top:40px;
font-size:50px;}
.menu{
width:600px;
margin-top:0px;
height:20px;
background-color:#c9c249;
text-align:center;
padding-top:0px;
font-size:14px;}
.maincontent{
color:#0000CC;
padding-left:60px;
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
14
text-align:center;
font-size:20px;
padding-top:30px;
}
Code:
Parul University
Parul Institute of Technology
Home
Register Contact Us
Welcome to Parul Institute of Technology Click on the Link Below to
Register for a Computer Programme.
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
15
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
16
AIM-10 Write HTML/CSS Code to create table with 5 rows & 3 coloums that even
no. of rows display in green and odd no. of rows display in white color .
CSS Code:
table {
border-collapse: separate;
border-spacing: 0;
color: #4a4a4d;
font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
th,td {
padding: 10px 15px;
vertical-align: middle;
}
thead {
background: #395870;
background: linear-gradient(#49708f, #293f50);
color: #fff;
font-size: 11px;
text-transform: uppercase;
}
th:first-child {
border-top-left-radius: 5px;
text-align: left;
}
th:last-child {
border-top-right-radius: 5px;
}
tbody tr:nth-child(even) {
background: #5EFB6E;
color: #fff;}
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
17
td {
border-bottom: 1px solid #cecfd5;
border-right: 1px solid #cecfd5;
}
td:first-child {
border-left: 1px solid #cecfd5;
}
.book-title {
color: #395870;
display: block;}
.text-offset {
color: #7c7c80;
font-size: 12px;}
.item-stock,
.item-qty {
text-align: center;}
.item-price {
text-align: right;}
.item-multiple {
display: block;}
tfoot {
text-align: right;
color: #fff;}
tfoot tr:last-child {
background: #f0f0f2;
color: #395870;
font-weight: bold;}
tfoot tr:last-child td:first-child {
border-bottom-left-radius: 5px;
color: #fff;}
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
18
tfoot tr:last-child td:last-child {
border-bottom-right-radius: 5px;}
Code:
Tables
COmpany Name
Qty
Price
Parul Institute of Technology
by Jay Patel
In Stock
1
$30.02
Parul Institute of Management
by Shreemad Patel
In Stock
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
19
2
$52.94
$26.47 2
Parul Institute of Pharmacy
by Pinal Prajapati
Out of Stock
1
$22.23
Parul Institute of Diploma Studies
by DanKumar Yadav
In Stock
1
$30.17
Subtotal
$135.36
Tax
$13.54
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
20
Total
$148.90
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
21
AIM-11 Develop and demonstrate a HTML document that illustrates the use
external style sheet, ordered list, table, borders, padding, color, and the tag.
CSS Code:
p,table,li,{
font-family: "lucida calligraphy", arial, 'sans serif';
margin-left: 10pt;}
p { word-spacing: 5px; }
body { background-color:rgb(200,255,205); }
p,li,td { font-size: 75%;}
td { padding: 0.5cm; }
th { text-align:center;
font-size: 85%;}
h1, h2, h3, hr {color:#483d8b;}
table{
border-style: outset;
background-color: rgb(100,255,105);}
li {list-style-type: lower-roman;}
span{
color:blue;
background-color:pink;
font-size: 29pt;
font-style: italic;
font-weight: bold;}
Code:
Lab program11
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
22
This header is 36 pt
This header is blue
This paragraph has a left margin of 50 pixels
Name
Dr. Jay
Dr. Pinal
Dr. Shrimad
Dr. Dan
LINUX
Windows
Sailfish
This is a text. This is a text. This is a text. This is a text. This is a
text. This is a text. This is a text. This is a text. This is a text. This is a text.
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
23
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
24
AIM-12 Develop and demonstrate a HTML document that illustrates the use
external style sheet, ordered list, table, borders, padding, color, and the tag.
CSS Code:
label {display:block; margin-left:15px; color:blue; font-size:13pt;}
usn {color:red; font-size:12pt; margin-left: 15px;}
name {color:red; font-size:12pt; margin-left: 15px;}
college {color:red; font-size:12pt; margin-left: 15px;}
branch {color:red; font-size:12pt; margin-left: 15px;}
year {color:red; font-size:12pt; margin-left: 15px;}
email {color:red; font-size:12pt; margin-left: 15px;}
h1 {color:red;font-size:18pt;}
h2 {display:block;color:black;font-size:16pt:}
Code:
Student Information
Student 1
USN: 0314EC003
NAME: Jay
COLLEGE: PIT
BRANCH: ECE
YEAR of JOINING: 2014
EMAIL: [email protected]
Student 2
USN : 0414EC004
NAME: Shreemad
COLLGE: PIT
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
25
BRANCH: ECE
YEAR of JOINING: 2014
EMAIL : [email protected]
Student 3
USN : 1414EC007
NAME Pinal
COLLEGE: PIT
BRANCH: ECE
YEAR of JOINING: 2014
EMAIL: [email protected]
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
26
AIM-13 Format your Profile Page Using Different CSS Elements.
(Note: e.g. CSS Background, Text, Font, Tables, Links, Images, Margin ).
CSS Code:
body{background:url(autumn.jpg) no-repeat top left;
background-repeat:repeat;
color:Blue;
margin: 10px 10px 10px 10px;
letter-spacing: 5px;
text-transform: uppercase;
word-spacing: 15px;
text-align: center;
text-decoration: underline;
font-size: 20px;
font-weight: bold;}
Code:
Exp15
This text will be Arial as well.
Names
Jay Patel
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
27
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
28
AIM-14 Design a simple static website using HTML Frameset, Frame Having
Following Structure.
Code:
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
29
AIM-15 Write JavaScript to perform the following operations:
A. To calculate sum of 1 to n.
Code:
var num = window.prompt("Enter the number:","");
var n = parseInt(num);
result = sumnaturalno(n);
window.alert("The sum of " + n + "natural number is" + result);
function sumnaturalno(n)
{ var i;
var sum = 0;
for(i = 1;i
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
30
B. To check if given no. is prime or not.
Code:
var a=prompt("enter a value");
var c=0;
for(var i=2;i
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
31
Output:
C. To check if given no. is Armstrong or not.
Code:
var b,z,c=0;
var a=prompt("Enter a number");
z=a;
while(z>0)
{
b=z%10;
c=c+(b*b*b);
z=parseInt(z/10);
}
if(a==c)
alert("given no is amstrong number");
else
alert("given no is not an amstrong number");
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
32
Output:
D. To check if given no. is palindrome or not.
Code:
function Palindrome() {
var revStr = "";
var str = document.getElementById("str").value;
var i = str.length;
for(var j=i; j>=0; j--) {
revStr = revStr+str.charAt(j);}
if(str == revStr) {
alert(str+" -is Palindrome");
}else { alert(str+" -is not a Palindrome");
}}
Enter a String/Number:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
33
Output:
E. To find the roots of Quadratic Equation.
Code:
Quadratic Equation
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
34
F. To Calculate factorial of n numbers.
Code:
var n = parseInt(window.prompt("Enter the Number:"));
var result = fact(n);
window.alert("Factorial of the given number " + result);
function fact(n)
{
if(n == 0)
return 1;
else
return (n*fact(n-1));}
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
35
G. To find highest from given three values.
Code:
max
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
36
H. To Prime any Triangle form for given n.
Code :
Star
var n = prompt("Enter value of n");
var x,y;
for(x=0;x
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
37
/* function calcPrimeNumber(){
var beginNum = document.numbers.firstNum.value;
var endNum = document.numbers.secondNum.value;
var primeNumbs = new Array();
var ctr = 0;
while (beginNum */
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
38
Beginning Number: End Number:
Output:
INTERNET TECHNOLOGY SUBJECT CODE: 2720214
39
AIM-16 Create a blog of your favourite subject.