Scribd
Upload
6 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
Available Formats
Download as PDF, TXT or read online on Scribd
6 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
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