Scribd
Upload
9 views

HTML Assignment Jagrit

The document contains a series of HTML coding exercises that demonstrate how to create various web elements such as tables, lists, frames, hyperlinks, and forms. Each question includes a coding section with HTML syntax and an expected output description. The exercises cover a range of topics suitable for learning HTML programming.

Uploaded by

hemendrasinght07
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
9 views

HTML Assignment Jagrit

The document contains a series of HTML coding exercises that demonstrate how to create various web elements such as tables, lists, frames, hyperlinks, and forms. Each question includes a coding section with HTML syntax and an expected output description. The exercises cover a range of topics suitable for learning HTML programming.

Uploaded by

hemendrasinght07
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/ 21

Q.

1:-Wr it
eanHTMLpr ogram tocr eatethefoll
owi ngtable?
Codi ng:-
<html >
<head>
<ti
tle>createtable</titl
e>
</head>
<body >
<tablebor der="
1"bor dercolor="black">
<tr><th>Class</th><th>Subj ect1</ th><th>Subject2</th><t
h>Subj ect3</th></
tr>
<tr><td>BCA- I </td><td> Visual Basic</td><td> PC
Sof t
war e</t
d><t d>Elect r
onics</td></ t
r>
<tr><td>BCA-I I
</ t
d><t d>C++</ td><td>DBMS</ td><td>Engl
ish</td></tr>
<tr><td>BCA-I I
I</td><td>Jav a</td><td>Mul t
imedi a</t
d><td>CSA</ td></tr
>
</table>
</body >
</html >
Out
put
:-

Q.2:-Wr i
teanHTMLpr ogram t
ocr
eat
ethel
i
sts?
Codi ng:
-
<html >
<head>
<ti
tl
e>Unor eder
dli
st</
tit
le>
</head>
<body >
<ul>
<l
i>C
<l
i>C++
<l
i>For t
ran
<l
i>COBOL
</ul
>

1
</
body
>
</
html
>

Out
put
:-

Q.3:-Wr iteanHTMLpr ogram t


ocr
eat
ethef
oll
owi
ngl
i
sts?
Codi ng:-
<html >
<head>
<ti
tl
e>Or deredli
st</
ti
tl
e>
</head>
<body >
<ol>
<l
i>Jav a
<l
i>Vi sual Basi
c
<l
i>BASI C
<l
i>COBOL
</ol
>
</body >
</html >

Out
put
:-

2
Q.4:-Wr i
t eanHTMLpr ogram todemonst r
atehyperl
inkingbet
weent wowebpage.
Createamar queeandal soinsertanimagei nthepage?
Coding: -
<html >
<head>
<ti
tl
e>Hy perlink</
tit
le>
</head>
<bodybackgr ound=" C:\
User s\Publi
c\Pict
ures\
SamplePi ctur
es\
Jelly
fish.
jpg"
>
<ahr ef="C:\Users\sonnu\ Desktop\MANI SHHTML\ StudentRecords.
ht ml
">
<fontcol or="Blue"
>ClickHer e<font></a>
<mar quee><f ontcolor="red"><b>THISISPROGRAMEDBY
JAGRI T</ b></font
></ mar quee>
</body >
</html>
Out
put
:-

3
Q.5:
-Wr i
teanHTMLpr ogram t
ocr eateframesi
nHTMLwi
th3col
umns(
Widt
h=30%,
30%, 40%)?
Coding:-
<html
>
<head><t
it
le>f
rame</
ti
tle></head>

<
frameset
col
s="
30%,
30%,
40%"
>

<f
rameset
>

<f
ramesr
c="
1.ht
ml"
>

</
frameset
><f
rameset
>

<f
ramesr
c="
2.ht
ml"
>

</
frameset
>

<f
rameset
>

<f
ramesr
c="
3.ht
ml"
>

</
frameset
>

</
frameset
>

<
body
>

</
body
>

4
</
html
>

Out
put
:-

Q.6:-
Wr i
teanHTMLpr ogram tocr eat
eawebpagewi t
habl uebackgr
oundandt
he
fol
lowingtext
?
Coding:-
<html>
<head>
<ti
tl
e>NEW DELHI </tit
le>
</head>
<bodybgcolor="
blue"><h3><u><center
>NewDel
hi</u></h3>
<p><i >New Delhi,
thecapitalandt hethi
rdl
argestcit
yofI ndi
aisaf usi
onoft
he
ancientandmordent .
<br>

5
Ther ef
rai
nsoftheMusli
m dynast
ieswi
thi
tsar
chi
tect
uraldel
i
ght
s,gi
vet
hemaj
est
ic
ambienceofthebygoneera.
</i
>
</body>
</html>
Out
put
:-

Q.7:-Wr i
teanHTMLpr ogram t ocr eatet hefol
lowingt abl
e?
Codi ng:-
<html >
<head>
<ti
tle>Addmi sionTabl e</ t
itl
e>
</head>
<body >
<tablebor der ="1"bor der color="black">
<capt i
on><b>Addmi si
on</ b></capt ion>
<tr><th>Cour se</ th><t h>OC</ th><t h>SC</ t
h><th>MBC</ th><th>SC/ ST</th>
<th>TOTAL</ th></ tr>
<tr><td>Comput er
Science</ td><t d>09</ td><t d>18</ td><td>05</td><td>05</td><td>37</td></t
r>
<tr><td>Commer ce</td><t d>14</ td><td>25</td><td>06</td><td>05</td><td>50</
td
></ tr>
<tr><tdcolspan=" 5">Gr andTot al</td><td>87</td></tr>
</table>
</body >
</html >
Out
put
:-

6
Q.8:-Wr i
teanHTMLpr ogram t ocreat ethefoll
owingt abl
e?
CarPr i
ceLi st:
-
<html >
<head>
<ti
tle>Carpr iceLi st</ t
itl
e>
</head>
<body >
<tablebor der=" 1"wi dth="500" >
<capt i
on><u>CarPr iceList </
u></ capt i
on>
<tr><th col span=" 2">Mar uti</t
h><th col
span=" 2"
>Tata</t
h><th
colspan=" 2"
>For d</th></ t
r>
<tr><th>Model </th><t h>Price</th><t h>Model</t
h><th>Price</th><th>Model</t
h><th>
Price</th></tr>
<tr><td>Mar ut i 800</ td><td>2 l
ac</td><td>Sumo</ t
d><td>2
l
c</ td><td>Ikon</ td><t d>5l ac</td>
</tr>
<tr><td>Omni </td><t d>3l ac</td><t d>Scorpi
o</td><td>3l ac</td><td>Gen</t
d><td>2
l
ac</ td>
</tr>
</table>
</body >
</html >
Out
put
:-

7
Q.9:-Wr i
teanHTMLpr ogr am tocr eatet hef oll
owingtable?
STUDENTREPORT: -
Codi ng:-
<html >
<head>
<ti
tle>studentreport</t
itl
e>
</head>
<body >
<h1><cent er><u>STUDENTREPORT</ u></ center></h1>
<cent er>
<tablebor der="1"width="50%"bor der color ="bl
ack">
<tr><thcolspan="3">Pt .RavishankarShukl aUniversi
ty</
t h></
tr>
<tr><th>NAME</ th><t
h>ROLLNO. </th><t h>CLASS</ th></ t
r>
<tralign="cent
er"><td>Rahul </td><td>40</ t
d><td>BSC1stYear </td></t
r>
<tralign="cent
er"><td>Jay</ t d><td>85</ t d><td>BSC2ndYear </t
d></tr>
<tralign="cent
er"><td>Kr i
shna</ td><t d>57</ t
d><td>BSC3r dYear</ t
d></t
r>
<tralign="cent
er"><td>Pr eti
</ td><td>95</ td><td>BSC2ndYear </t
d></tr>
</table>
</cent er
>
</body >
</html >
Out
put
:-

Q.10:-Wr it
eanHTMLpr ogram tocreatet hefollowi ngt abl
e?
<ht ml >
<head>
<ti
tle>StudentRecor ds</ t
it
le>
</head>
<body >
<h2><u><cent er>StudentRecor ds</u></center></ h2>
<center >
<tablebor der="1"bordercolor="
black"wi dth="30%" >
<tr><th>Name</ t
h><th>Subject</t
h><th>Mar ks</ th></ tr
>
<tralign="center"><t
dr owspan=" 2"
>Ar un</ t
d><t d>Jav a</td><td>70</
td></
tr>
<tralign="center"><t
d>C</ td><td>80</td></tr>
<tralign="center"><t
dr owspan=" 2"
>Jay </td><td>Jav a</ t
d><td>75</t
d></t
r>
<tralign="center"><t
d>C</ td><td>69</td></tr>
</table>
</cent er
>

8
</
body
>
</
html
>
Out
put
:-

Q.11:-Wri
teanHTMLcodi
ngt
odi
spl
ayt
hef
oll
owi
ngt
abl
e.Al
soi
nser
tani
magei
n
thewebpage?
Coding:
-
<html>
<head>
<t
it
le>Mar
kshi
t</
ti
tl
e>
</
head>
<body
>
<br
>
<br
>
<cent
er>
<t
abl
ebor
der
="1"wi
dth="
500"
>
<t
r><t
h>Subj
ect
</t
h><t
h>Max.
</t
h><t
h>Mi
n.</
th><t
h>Obt
ain.
</t
h></
tr>
<t
r><t
h>Phy
sics</
th><t
h>100</
th><t
h>33</
th><t
h>75</
th></
tr>
<t
r><t
h>Mat
hs</
th><t
h>100</
th><t
h>33</
th><t
h>70</
th></
tr>
<t
r><t
h>Sof
twar
e</
th><t
h>100</
th><t
h>33</
th><t
h>68</
th></
tr>
<t
r><t
h>Har
dwar
e</
th><t
h>100</
th><t
h>33</
th><t
h>73</
th></
tr>
</
tabl
e>
<i
mgsr
c="
C:\
Document
sandSet
ti
ngs\
AllUser
s\Document
s\MyPi
ctur
es\
Sampl
e
Pi
ctur
es\
Wint
er.
jpg"wi
dth="
50%"
>
</
cent
er>

9
</
body
>
</
html
>

Out
put
:-

Q.12:-Wri
teanHTMLpr ogr
am t
ocr
eat
eawebpagewi
thani
mageasbackgr
ound
andthefoll
owingtext
?
Coding:
-
<html>
<head>
<ti
tl
e>Form</t
itl
e>
</head>

10
<body>
<pre><f
ontface="ti
mesnewroman">
<capti
on><u>StudentI
D</
u></
capt
ion>

EnterName: <i
nputtype="
text"si
ze="20"
>
EnterRoll
No.
: <i
nputt
ype="t
ext"size="
20">
EnterAge: <i
nputt
ype="t
ext"size="
20">
EnterDOB: <i
nputt
ype="t
ex t
"size="
20">
</body>
</html>
Out
put
:-

Q.13:-
CreatetheinHTMLf or
m?
Coding:-
<html>
<head>
<ti
tl
e>from2</ti
tl
e>
<body>
<pre><fontf
ace="ti
mesnewr oman">
USERNAME: <i nputt
ype="text
"si
ze="
20"
>
PASSWORD: <i nputt
ype="
text"si
ze="
20"
>

<p>Whenusert
ypeschar
act
eri
napasswor
dfi
l
de,t
hebr
owserdi
spl
ay,
<br
>ast
ri
sks
or

bull
etsinser
tedofchar
acr
ets.
</p>
<i
nputt
ype="
Submi
t"
>
</pre>
</body>
</html>
Out
put
:-

11
Q.14: -Creat ethef oll
owi nginHTMLf or
m?
Codi ng: -
<html >
<head>
<ti
tle>mypage</ ti
tl
e>
</head>
<body >
<form name=" f1"met hod="post "
>
FIRSTNAME: <inputt ype="t
ext"name=" name"><br>
LASTNAME:<i nputtype="text
"name=" name"><br>
<br>
<br>
GENDER: <br>
MAl e<i nputtype=" radio"name=" s2">
Femal e<inputt ype="radio"name=" s2">
<br>
<br>
SUBJECT: <select >
<opt i
onv alue=B. Sc.C.S.1>C</ option>
<opt i
onv alue=B. Sc.C.S.2>C++</ option>
<opt i
onv alue=B. Sc.C.S.3>JAVA</ opti
on>
</select >
<br>
<br>
<br>
<br>
<i nputtype="Submi t
">
</form>
</body >
</html >

Out
put
:-

12
Q.15: -
Wr i
teanHTMLpr ogram t ocr eateawebpagewi thani mageasbackgr ound
andt hef oll
owi ngtext?
Codi ng:-
<html >
<head>
<tit
le>NEW DELHI </ti
tl
e>
</head>
<bodybackgr ound=" C:\
User s\ Public\Pi
ctur
es\ Sampl ePictures\Pengui ns.j
pg">
<h3><u><cent er><fontcolor="Black" >NewDel hi<f
ont ></
cent er
></ u></h3>
<p><f ontcolor="red"><i
>NewDel hi,
thecapitalandt hethir
dl argestcit
yofI ndiaisa
fusionoft heanci entandmor dent .
<br>
Ther efrainsoft heMusl im dy nastieswi t
hitsarchitectur
al deli
ght s,
givet hemaj est
ic
ambi enceoft heby goneer a.</i>
<i>Ont heot hersideNewDel hi,thei mperi
alcitybuiltbyBriti
sh, refl
ectthef astpace
present .
Themostf asci
nat i
ngofal listhecharacterofDel hiwhi chv ar
iesf r
om the13
presentcent ur ymausol eum oft heLodi ki
ngst oultramoder ngl ass

13
skyscr
aper
s.<f
ont
></
i>
</body>
</html
>
Out
put
:-

Q.16:-Cr
eat
ethef
oll
owi
ngHTMLf
orm?
Coding:-
<html>

<head><t
itl
e>Rahul
Kumar
</t
itl
e>

</
head>

<body
>

<f
ont
face="
timesnewr
oman"
>

<f
orm name="
f1"
>

<b>Ent
eryour
name:
</b>

<i
nput
type="
text
box"
name="
t1"
maxl
engt
h=15><br
>

<b>Ent
ery
our
rol
l
no:
</b>

<i
nput
type="
text
box"
name="
t2"
maxl
engt
h=15><br
>

<b>Subj
ect
s:</
b><br
>

<i
nput
type="
checkbox"
name="
c1"
><b>Jav
a</
b></
input
><br
>

<i
nput
type="
checkbox"
name="
c2"
><b>C</
b></
input
><br
>

<i
nput
type="
checkbox"
name="
c3"
><b>Vi
sual
Basi
c</
b></
input
><br
>

14
<i
nput
type="
checkbox"
name="
c4"
><b>C++</
b></
input
><br
>

<b>Cl
ass:
</b><br
>

<t
abl
ebor
der
=1al
ign="
"cent
ercel
lpaddi
ng=17>

<t
r>

<t
h>BCAI
</t
d>

<t
h>V</
td>

</
tr>

<t
r><t
dcol
span=2>BCAI
</t
d></
tr>

<
tr>
<t
dcol
span=2>BCAI
I</
td>

</
tr>

</
tabl
e><br
>

<i
nput
type="
submi
t"
val
ue="
Submi
t"
>

</
font
>

</
body
>

</
html
>
Out
put
:-

15
Q.17:-Wri
tetheHTMLcodi ngf ort
hefol
lowi
ngequations?
Coding:-
<html>
<head>
<ti
tl
e>Document </
ti
tl
e>
</head>
<body >
<p>
<b>C<sub>2</sub>H<sub>5</sub>OH +PCL<sub>5</sub>=POCL<sub>3</ sub>+
HCL<br >
4H<sub>3</sub>PO<sub>3</sub> = 3H<sub>3</sub>PO<sub>4</
sub> +
PH<sub>3</sub><br>
PCL<sub>3</sub>+CL<sub>2</ sub>=PCL<sub>5</sub></b>
</body>
</html>

Out
put
:-

16
Q.18:-Wr i
tetheHTMLcodet
odi
spl
ayt
hef
oll
owi
ng?
Coding:-
<html>
<head>
<ti
tl
e>Li st
</ti
tl
e>
<body >
<ul>
<l
i>Act ors
<ul>
<l
i>Br uceWi l
li
s
<l
i>Ger ardButler
<l
i>Vi nDiesel
<l
i>Br addPi t
t
</ul
>
</ul
>
<ul>
<l
i>Act ress
<ul>
<l
i>Jul i
aRober ts
<l
i>Anj eli
naJolie
<l
i>Kat eWi nsl
et
<l
i>Camer onDiaz
</ul
>
</ul
>
</body >
</html>

Out
put
:-

17
Q.19:-Wr i
teHTMLcodet odi
spl
ayt
hef
oll
owi
ng?
Coding:-
<html>
<head>
<ti
tl
e>Pl ayers</ti
tl
e>
</head>
<body >
<ol>
<l
i>CrikectPl ayer
s
<oltype="A"st art
=4>
<l
i>Bast man
<oltype="i
" >
<l
i>Sachi nTendul kar
<l
i>Rahul Dr avid
<l
i>Vi r
endr aSehwag
</ol
>

18
<l
i>FastBowl er
<oltype="i">
<l
i>R.P.Si ngh
<l
i>ZaheerKhan
<l
i>Ashi shNehr a
</ol
>
<l
i>Spinner
<oltype="i">
<l
i>Har bhajanSingh
<l
i>Ani lKumbl e
<l
i>Mur liKarti
k
</ol
></ol >
</body>
</html>

Out
put
:-

Q.
20Wr
it
etheHTMLcodi
ngt
odi
spl
ayt
hef
oll
owi
ngt
abl
es:

19
Codi ng:
-
<html >
<ti
tle>TableOfSt udent </
t i
tl
e>
</head>
<tablebordercolor="black"ali
gn="center
"wi
dth="
50%"bor
der
="2"
>
<tr>
<thal i
gn="l
eft"colspan=2>Name</ th>
<thal i
gn="l
eft"colspan=2>Rahul </th>
</tr>
<tr>
<thal i
gn="l
eft"colspan=2>Rol lNo.</t
h>
<thal i
gn="l
eft"colspan=2>1011</ th>
</tr>
<tr>
<thal i
gn="l
eft">Subject</th>
<thal i
gn="l
eft">Max</ th>
<thal i
gn="l
eft">Min</th>
<thal i
gn="l
eft">Obtain</th>
</tr>
<tr>
<td>JAVA</ td>
<td>100</ t
d>
<td>33</ t
d>
<td>75</ t
d>
</tr>
<tr>
<td>MULTIMEDI A</td>
<td>100</ t
d>
<td>33</ t
d>
<td>70</ t
d>
</tr>
</table>
</html >

Out
put
:-

20
21

You might also like