[go: up one dir, main page]

0% found this document useful (0 votes)
8 views33 pages

Web Record 1 (2) Removed

Uploaded by

anusurisaig1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views33 pages

Web Record 1 (2) Removed

Uploaded by

anusurisaig1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 33

1

1.For
mat
ti
ngTagsi
nHTML

<HTML>

<HEAD>

<TI
TLE>For
mat
ti
ng</
TITLE>

</
HEAD>

<BODY>

<CENTER>

<H1>Headl
i
ne1</
H1>

<H2>Headl
i
ne2</
H2>

<H3>Headl
i
ne3</
H3>

<H4>Headl
i
ne4</
H4>

<H5>Headl
i
ne5</
H5>

<H6>Headl
i
ne6</
H6>

</
CENTER>

<B>Thet
extwi
l
lbei
nbol
d</
b>

<I
>Andt
extwi
l
lbei
nIt
ali
c</
I><BR>

<U>Underl
i
ne</
U><BR>

<FONTFACE="
OldEngl
i
shTextMT"SI
ZE="
20"
>Fonti
n
St
yle</
FONT><BR>

Her
etexti
n<BI
G>v
eryBi
g</
BIG><BR>

(
a+b)
<SUP>2</
SUP>=a<SUP>2</
SUP>+b<SUP>2</
SUP>+2ab<BR>

N<SUB>2</
SUB>+3H<SUB>2</SUB>->2NH<SUB>3</
SUB>;
H<SUB>2</
SUB>+Cl
<SUB>2</SUB>->2HCL

<P>Thereisadiff
erentbetweenParagraphandbrtags.Thebr
el
ementi semptyanddoesnotencl oseanytextwereasthe
Paragr
apht agdoesenclosethetex
t.

</
P>
2

<PRE>

Hai
Hel
l
o"Wel
come"

</
PRE>

<MARQUEEDI
RECTI
ON="
RIGHT"
>Her
eisamar
quee!

</
MARQUEE>

</
BODY>
</
HTML>

OUTPUT
3

2.Or
der
edandUnor
der
edLi
st
<HTML>

<HEAD>

<TI
TLE>Or
der
edandUnor
der
edLi
st</
TITLE>

</
HEAD>

<BODY>

<H1ALI
GN="
CENTER"
>

Cr
eat
inganOr
der
edLi
st

</
H1>

Assembl
eComput
erRequi
rement
:

<OLTYPE="
1">

<LI
>ATXCabi
net
</LI
>

<LI
>ATXSMPS</
LI>

<LI
>ATXMot
herBoar
d</
LI>

<LI
>RAM 4GB</
LI>

<LI
>VGACar
d2GB</
LI>

<LI
>I5Pr
ocesser
</LI
>

<LI
>1TBHar
dDi
sk</
LI>

</
OL>

<H1ALI
GN="
CENTER"
>

Cr
eat
inganUnor
der
edLi
st

</
H1>

Comput
erFeat
ures:

<ULTYPE="
CIRCLE"
>

<LI
>Speed</
LI>

<LI
>Accur
acy
</LI
>

<LI
>Cor
rect
ness</
LI>
4

<LI
>Accur
ate</
LI>

<LI
>Cr
ypt
ogr
aph</
LI>

</
UL>

</
BODY>

</
HTML>
5

OUTPUT
6

3.I
magei
nHTML

<HTML>

<HEAD>

<TI
TLE>I
mages</
TITLE>

</
HEAD>

<BODY>

<CENTER>

<H1>Wor
kwi
thI
mages</
H1>

<I
MGSRC="Image.
JPG"WI
DTH="
300"HEI
GHT="
300"
BORDER="
2"ALT="
Car"
>

</
CENTER>

</
BODY>

</
HTML>

OUTPUT
8

4.Tabl
einHTML
<HTML>
<HEAD>
<TI
TLE>TimeTable</TI
TLE>
</HEAD>
<BODY>
<FONTFACE="Ari
al Bl
ack"><CENTER><H1>BCA3RDYEAR1ST
SEMISTERTIMETABLE</ CENTER></ H1></FONT>
<TABLEBORDER=" 2"BORDERCOLOR=" BLACK"CELLPADDI
NG="
4"
CELLSPACING="
4">
<TR>
<TH>DAYS/ TIME</ TH>
<TH>9AM TO10AM</ TH>
<TH>10AM TO11AM</ TH>
<TH>11AM TO12PM</ TH>
<TH>12PM TO1PM</ TH>
<TH>1PM TO1: 30PM</TH>
<TH>1:30TO2: 30PM</ TH>
<TH>2:30TO3: 30PM</ TH>
<TH>3:30PM TO4: 30PM</ TH>
</TR>

<TR>
<TDALIGN=CENTER>MONDAY</ TD>
<TDALIGN=CENTERCOLSPAN=" 4">JAVA/UNI
X
LAB</TD>
<TDROWSPAN=" 6"ALIGN=CENTER
VALIGN=MIDDLE>L<BR>U<BR>N<BR>C<BR>H</TD>
<TDALIGN=CENTER>IP</TD>
<TDALIGN=CENTER>*****</
TD>
<TDALIGN=CENTER>*****</
TD>
</TR>

<TR>
<TDALI
GN=CENTER>TUESDAY</TD>
<TDALI
GN=CENTER>OOSD</TD>
<TDALI
GN=CENTER>I
P</TD>
<TDALI
GN=CENTER>JAVA/UNIX</
TD>
<TDALI
GN=CENTER>WEB</TD>
<TDCOLSPAN="
4"ALIGN=CENTER>WEBLAB</
TD>
</
TR>

<TR>
<TDALI
GN=CENTER>WEDNESDAY</ TD>
<TDALI
GN=CENTER>**
***</
TD>
<TDALI
GN=CENTER>WEB</TD>
<TDALI
GN=CENTER>I
P</TD>
<TDALI
GN=CENTER>OOSD</TD>
<TDALI
GN=CENTERCOLSPAN="2">PSP</TD>
<TDALI
GN=CENTER>**
***</
TD>
9

</
TR>

<TR>
<TDALI
GN=CENTER>THURSDAY</TD>
<TDALI
GN=CENTER>**
***
</TD>
<TDALI
GN=CENTER>WEB</TD>
<TDALI
GN=CENTER>JAVA</TD>
<TDALI
GN=CENTER>OOSD</TD>
<TDALI
GN=CENTERCOLSPAN="4">WEBLAB</
TD>
</
TR>

<TR>
<TDALI
GN=CENTER>FRIDAY</TD>
<TDALI
GN=CENTER>***
** </
TD>
<TDALI
GN=CENTER>OOSD</ TD>
<TDALI
GN=CENTER>I
P</ TD>
<TDALI
GN=CENTER>WEB</ TD>
<TDALI
GN=CENTERCOLSPAN=" 4">JAVA/
UNI
X
LAB</TD>
</TR>

<TR>
<TDALI
GN=CENTER>SATURDAY</
TD>
<TDALI
GN=CENTERCOLSPAN="4"
>SEMI
NAR</
TD>
<TDALI
GN=CENTER>**
***
</TD>
<TDALI
GN=CENTER>**
***
</TD>
<TDALI
GN=CENTER>**
***
</TD>
</
TABLE>

</
BODY>
</
HTML>
10

OUTPUT
11

5.Li
nksi
nHTML
<HTML>

<HEAD>
<TI
TLE>LI
NK</
TITLE>

</
HEAD>

<STYLETYPE="
text
/css"
>

A:
l
ink(
col
or:
GREEN)

A:
vi
si
ted(
col
or:
BLUE)

A:
hov
er(
col
or:
YELLO)

A:
act
ive(
col
or:
RED)

</
STYLE>

<BODY>

<CENTER>

<H1>SETTI
NGHYPERLI
NK</
H1>

Cl
i
ckt
hishy
per
li
nkt
ogot
oimage<BR>

<AHREF="
3Image.
html
">Cl
i
ckMe</
A>

</
CENTER>

</
BODY>

</
HTML>
12

OUTPUT

BEFORECLI
CKED

AFTERCLI
CKED
13

6.Fr
amesi
nHTML
<HTML>
<HEAD>
<TI
TLE>Fr
ame</
TITLE>
</HEAD>

<FRAMESETCOLS="30%,70%">
<NOFRAMES>YourBrowserdoesnotsuppor tfr
ames..
.</
NOFRAMES>
<FRAMESRC="5OrderedandUnor deredList.ht
ml">
<FRAMESETROWS=" 25%,25%, 50%">
<FRAMESRC="2Presenti
ngAndAr ranging.html"
>
<FRAMESRC="6Tables.
html "
>
<FRAMESRC="3.1DIVI
MAGE. html"
>
</FRAMESET>
</FRAMESET>
</
HTML>

OUTPUT
14

7.I
nli
neSt
yleSheeti
nHTML
<HTML>
<HEAD>
<TITLE>StyleDi f
ferences</ TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>St yleDifferences</H1>
</CENTER>
<SPANSTYLE=" l
etter-
spacing:20px">lett
er-spacing:
20px</ SPAN><BR>
vert
ical-al
ign:<SPANSTYLE=" v
erti
cal-ali
gn:
super">super </SPAN><BR>
<SPANSTYLE=" t
ext-decorati
on:under l
ine"
>t ext-
decorati
on:
underli
ne</ SPAN><BR>
<SPANSTYLE=" t
ext-i
ndent:20px">text-i
ndent :
20px</ SPAN><BR>
<SPANSTYLE=" t
ext-decorati
on:overli
ne">text-decorat
ion:
overl
ine</ SPAN>
</BODY>
</
HTML>

OUTPUT
15

8.EmbeddedSt
yleSheet

<HTML>
<HEAD>
<TITLE>EmbeddedSt y l
eSheet</TITLE>
<STYLETYPE=" text/css" >
BODY{ backgr ound: whi t
e;color:bl
ack}
A:l
ink{color :blue}
A:visi
ted{col or: r
ed}
A:hover {
col or:green}
A:acti
v e{color: cyan}
P{font-style:it
al i
c}
</STYLE>
</HEAD>
<BODY>
<CENTER>
<H1>EmbeddedSt yleSheet</H1>
<P>TextundrPar agraph</P><BR>
<AHREF=" 3.1DI VI
MAGE. HTML"
>Hy
per
li
nk</
A>
</CENTER>
</BODY>
</HTML>

OUTPUT
16

9.Ext
ernal
Sty
leSheet

BODY{backgr ound-col
or:
yel
l
ow;
font
-f
ami
l
y:Ar
ial
}
A:
li
nk{color:blue}
A:
vi
sit
ed{ color:red}
A:
hover{col
or:green}
A:
acti
ve{color:cyan}
P{f
ont-styl
e:it
alic}

Sav
eitas.
CSSExt
ensi
on

<HTML>
<HEAD>
<TI
TLE>ExternalSt
yleSheet
</TI
TLE>
<LI
NKREL=" Styl
esheet"HREF="Suppor
t\exter
nal.css"
>
</HEAD>
<BODY>
<CENTER>
<H1>ExternalStyl
eSheet
</H1>
<P>TextundrPar agr
aph</P><BR>
<AHREF=" 3.1DIVIMAGE.HTML" >Hyperl
ink</A>
<CENTER>
</BODY>
</HTML>
OUTPUT
11. A Program to Find the Largest of Three Numbers

<!DOCTYPE html>
<html>

<head>
<title>JavaScript program to find the largest of three given
integers.</title>
</head>

<body>
<script>
function largest(x, y, z) {
largestNum = 0;
if (x > y) {
largestNum = x;
} else {
largestNum = y;
}
if (z > largestNum) {
largestNum = z;
}
return largestNum;
}
document.write(largest(1, 0, 1) + "<br>");
document.write(largest(0, -10, -20) + "<br>");
document.write(largest(1000, 510, 440) + "<br>");
</script>
</body>

</html>
Output:
12. A Program to Print Multiplication Table

<!DOCTYPE html>
<html>

<head>
<title>JavaScript program to print table of a number.</title>
</head>

<body>
<script>
//creating a multiplication table
var number = 2; // it will print 2 table
for (var i = 1; i <= 10; i++) {

// multiply i with number


var result = i * number;

// display the result


document.write(number + "*" + i + "=" + result + "<br>");
}
</script>
</body>

</html>
Output:
13. A Program On Using Multimedia in HTML

<!DOCTYPE html>
<html>

<head>
<title>A Program On Using Multimedia in HTML</title>
</head>

<body>
<h2>VIDEO:</h2>
<video src="https://www.youtube.com/embed/46I2hhgTmLA" width="500"
height="200"></video>
<br>
<h2>AUDIO:</h2>
<audio src="audio.mp3" type="audio/mp3" controls autoplay></audio>
<br>
<h2>EMBED FOR VIDEO:</h2>
<embed src="https://www.youtube.com/embed/46I2hhgTmLA" type="video">
<br>
<h2>EMBED FOR AUDIO:</h2>
<embed src="audio.mp3" type="audio">
</body>

</html>
Output:
23

13.Passwor
dVal
i
dat
ion

<html>
<head>
<ti
tl
e>PASSWORDVALI
DATI
ON</
ti
tl
e>
<scri
pt>

f
uncti
onvali
datepwd(
)
{
varpwd=document.
myf
orm.
pwd.
val
ue;

if(pwd.length<1)
{
alert("
Passwor dcan'tbeblank")
;
returnfalse;
}
elseif(pwd. l
ength<8)
{
alert("
Passwor dmustbeat l
east8charact
erslong"
);
returnfalse;
}
else
{
alert("
YourPasswor dvali
dated"
);
returnfalse;
}
}
</scri
pt>
</HEAD>
<body >
<form name=" my for
m" >
Passwor d: <i
nputtype="text"name="pwd"><br
/>
<i
nputt ype="submi t
"value="Submit"oncl
ick="
val
idat
epwd()"
>
</form>
</body>
</html>
24

OUTPUT
25

14.Di
spl
ayi
ngCur
rentDat
eandTi
me

<html>
<body>
<scr
iptt
ype="text
/j
avascri
pt"
>
document.
wri
te(f
ormatAMPM(
));

f
unct ionformatAMPM( ){
vardat e=newDat e();
varhour s=dat e.getHours();
varday s=dat e.getDay();
varmi nutes=dat e.getMinutes()
;
varampm =hour s>=12?' pm' :'
am';
hour s=hours%12;
hour s=hours?hour s: 12;//thehour'0'shoul
dbe'12'
mi nutes=mi nutes<10?' 0'+minutes:minutes;
varst r
Time=dat e+' '+hour s+':'
+mi nutes+''+ampm;
returnstrTi
me;
}
</ scri
pt>

</body>
</
html>

OUTPUT
26

15.Col
l
ect
ioni
nHTML

<ht
ml >
<head>
<ti
tl
e>Obj
ectModel
</t
it
le>

<scri
ptt
ype="t
ext/
jav
ascr
ipt
">
<!-
-
varel
ements=""
;

funct
ionstar
t()
{
for(varl
oop=0; l
oop<document.
all
.l
engt
h;++l
oop)
elements+="<br/
>"+document
.al
l[l
oop].
tagName;

pText.
inner
HTML+=el
ement
s;
aler
t(element
s);
}
//--
>
</scri
pt>
</head>

<bodyonl
oad=" star
t()
">
<pid="pText
">Elementsont
hisWebpage:
</p>
</body
>
27

</
html
>

OUTPUT
28

16.
Fact
ori
alUsi
ngJav
aScr
ipt

<HTML>
<HEAD>
<TI
TLE>Jav
aScr
ipt
</TI
TLE>
</HEAD>

<BODY>
<SCRIPTLANGUAGE=" JavaScr
ipt"
>
varf
act
ori
al=1
f
or(v
arl
oopIndex=1; l
oopIndex<=10;loopIndex++)
{
factor
ial=factor
ial*l
oopIndex
document .
writ
eln(l
oopI
ndex+" !="+fact
ori
al+
"<BR>")
}
</SCRIPT>

<NOSCRI
PT>Thi
sBr
owserdoesnotSuppor
tJav
a
Scr
ipt
</NOSCRI
PT>

<CENTER>
<H1>Usi
ngTheForSt
atement
</H1>
</
CENTER>
</
BODY>
</
HTML>
OUTPUT
29

17.MouseEv
ent
sinHTML
<HTML>
<HEAD>
<TITLE></
TITLE>
</HEAD>
<BODY>
<H1onmouseov er="t
his.
sty
le.
color
='r
ed';
"
onmouseout="t
his.st
yle.
col
or='
bl
ack';
">
Turnmer edwiththemouse.
</H1>
</BODY>
</HTML>
OUTPUT
30

18.OnEr
ror
Eventi
nHTML

<html>
<head>
<ti
tl
e>DHTMLEv entModel -onerr
or</
ti
t l
e>
<scri
pttype="t
ext/ j
avascr
ipt
">
window.oner
ror=f uncti
on(er
message,url
,l
i
ne)
{
document.
wri
te(ermessage+"<BR>"
);
document.
wri
te(url+"
<BR>")
;
document.
wri
te(l
ine+"<BR>")
;
}
document.
wri
te(n);
</scri
pt>
</head>
<body>

</
body
>
</
html
>

OUTPUT
31

19.XMLDTD

<!DOCTYPEcol l
ege
[
<!ELEMENTcol lege( student+)>
<!ELEMENTst udent( r
no,name,marks)
>
<!ELEMENTr no( #PCDATA) >
<!ELEMENTname( #PCDATA) >
<!ELEMENTmar ks( #PCDATA) >
]>
<coll
ege>
<student>
<rno>11</ rno>
<name>kar thikeya</name>
<mar ks>950</ marks>
</student>
<student>
<rno>12</ rno>
<name>si ndhu</ name>
<mar ks>900</ marks>
</student>
<student>
<rno>13</ rno>
<name>sahasr a</name>
<mar ks>900</ marks>
</student>
</col
lege>
32

OUTPUT
33

20.XMLSCHEMA

<coll
egeXMLS=" X-schema: schema1.
xml
">
<student>
<rno>11</r no>
<name>kar thi
keya</name>
<mar ks>950</ marks>
</student
>
<student>
<rno>12</r no>
<name>si ndhu</ name>
<mar ks>900</ marks>
</student
>
<student>
<rno>13</r no>
<name>sahasr a</name>
<mar ks>900</ marks>
</student
>
</col
lege>

SCHEMA1.
xml

<SCHEMAname="SCHEMA1"
xml
ns="
urn:
schemas-
microsoft
-com:xml-
data"
xml
ns:
dt="
urn:
schemas-
microsoft-
com:dat
atypes"
>

<ELEMENTTYPEname="
student"content="elt
Only"model="cl
osed"/>
<ELEMENTTYPEname="
rno"content="t
ext Only
"model="closed"/>
<ELEMENTTYPEname="
name"cont ent="textOnly
"model="closed"/>
<ELEMENTTYPEname="
mar ks"content="text
Only"model="closed"
/>

<ELEMENTTYPEname="coll
ege"cont ent="el
tOnly
"model="cl
osed">
<ELEMENTtype="
student"mi nOccurs="1"maxOccurs="*
"/>
<ELEMENTtype="
rno"mi nOccurs="1"maxOccurs="1"/
>
<ELEMENTtype="
name"mi nOccurs="1"maxOccurs="1"/
>
<ELEMENTtype="
mar ks"mi nOccurs="1"maxOccurs="1"
/>
</ELEMENTTYPE>
</
SCHEMA>
34

OUTPUT

You might also like