Web Record 1 (2) Removed
Web Record 1 (2) Removed
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++) {
</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