Scribd
Upload
26 views32 pages

HTML Practical

Uploaded by

Rajatava Roy
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
26 views32 pages

HTML Practical

Uploaded by

Rajatava Roy
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
1. Display your family information with background and other farmatting. SOURCE CODE: shtmi> Family information ehi> 
‘My name is Abhishek Sharma
my Family information is -

Father Name - Shri RK. Sharma
Mother Name - ShrimatiAnjulata Sharma
Brother Name - Ashish Sharma
Sister Name - Richa Sharma

ipre>



sioody>

<

OUTPUT:2. Design a web page to display your college with hyperlink.

First of all'| create the frame than | insert the hyperlink at the second frame-2

SOURCE CODE:

 

Frame



shead>

stitie> Career College Bhopal/titla>


frameset rows="75,"" >
frame sre="[Link]" name="11" strolling="no"/>

frameset cols="200."">
frame sre="[Link]" name="{2" scrolling="no"l>


frame src="[Link]" name="{3"/>


‘sthtral>

Frame-1

shimi>


F titties

</head>

<body>

table widit="100%" barder="0" >

<tr>

<tt>

<img sro="CAREER ping” width="65" height="40" alt="CAREER" />
<bri>

<td>

<td align="center">

+b styie="font-size:42pt;cojon000000">

<i><font face="Georgia> CAREER COLLEGE BHOPAL </></foni>
<Ib>

<td>

<tr>

<Ibody>

<thtral>Frame-2

<html>
shead>
<titte> Contents 


hae

    
Home  
    .
si> Abou! Callege
    
Mission
    
Departments
    
Courses Facilitiess/a>
    
 Online Result 
 Exam Timetable 
a href="phote. him!" target="{3"> Phato Gallery 
    
li>Contaotuscili>

‘stul>
slbady>


Frame-3

shtmi>

shead>

‘stite> HOME 

sihead>

sbody>


    



About College



title= About Coltege

sthead>

sbody>

scenter>


    Snbspicip>



sue CAREER COLLEGE ~ AT A GLANCE 

3h3 align="left">

font face="Gonsolas">

spre>

+ Career Oriented Courses in Commerce, Management, Biolechnolagy,

Microbiology, Biochemistry, Botany, Chemistry, Physiotherapy, Education,
Paramedival Science, Computer Science and Library & Info, Science.

+ Accredited at ‘A’ level by (NAAC) National Assessment and Aceredilatian
Council, Bangalore. (An Autonomous Institution of the University Grants
Commission.

* Certified as ISO 9001:2008.

+ Affiliated to Barkatullah University, Bhopal.

Approved by National Council for Teacher Education, New Delhi,

+ Recognised by The Indian Association of Physiothetapists.

+ Approved by M.P. Paramadical Gauneil, Bhopal.* Programme Study Centre - IGNOU,

+40 Gloriaus Years Academic Excallence..

sHtont>




Mission

shtmi>
shoad>

tite>mission=nitie>






    8nbspcip>


    Bnbsp

 



+h? style="fant-size:25pt">

The paradigm embraced by Career College envisages: 


spe8nbsp

h3 align="left">
font face="Consolas">


+ A firm commitment to academic excellence in career achievements of the

students:

‘ensuring a head starton the track to success, through pragmatic approaches,

+ Greater opportunities to the students to augment their potential for the
development of prudence, skill, stewardship, moral values and culture through
{ts multifaceted curricular and co curricular activities.

+ Inculcation of strong attitude in the students for the development of diverse
attributes of personality spectrum to face giobal challenges of 21st century
and be the proud citizens of India,






Depariments.



departmentsititi

Page S af 32

stable border="1" width="800" cellpadding="20" cellspacing="2">

      

tr

td align="cehter">Commercesb>


    

a

+id align="center'>Bolany -
<{d align="center"> Zoatagy

td align="center'>Biochemistry
td align="center">Physiotherapy
itr

i>


itr



Courses

shimi>
coursess/title>


sbody>

    

simgsre="[Link]” width="700" hight="500" alt="abhi!>




Facilities

.



 facilities 


stable border="1">
spr8nbspsho>


     elp>


    &inbspelp>

cimgste="[Link]” width="300" height="200" />
    

itr



sintrnl>

 Photo Gallery 


sbody>


    

table border="1">


    std> 
st

std>-stel»simg src="e jpg" width="300" heigl


Contacts

shtmi>
shead>

contacius<ititle>

<ihead>

‘<body>

<center>

stable barder="0">

str><td allan="canter"><img src="cus jpa” width="598" height="524"7>
<tr>

<tbody>

</html>

Page 8 af 32* CAREER COLLEGE BH OPAL.

 

Hyperlink© CARRER COLLEGE BHOPAL

&4. Write an HTML documents to print the following,

4. Animals

» Cow

= Gat
Lion

SOURCE CODE:

<html>

<head>

<itle> print the foliawing <titte>
</head>

<body>

<ol type="1">

<IPAnimals</i>

lol

<ul>
<lieGows>
<li-Gat<ii>
<liLionsii>
<ful>

ol type="1" start="2">
<li>Golors<hi>
</ol>

<ul>
<linRed fiz
<li>Green<ili>
<lPBlues i>
all>

<lbody>
<ihimi>

Page 11 af 32Page 12 af 324, Create a table with the following data,

 

‘Community = Wale

 

 

 

 

GEN

 

SOURCE CODE:

 

 

 

shimi>
shead>
stitle> Table </tite>
<head>
<body>
table width="500" border="2">
<th> Community
<th> Male
sth> Female
/th>
<tr>
“Id>OBC</td><1d #35eitd><tdas0<itd>
<itr>
tr
std SC/ST <Itd>std>2asid>cidet2<td>
<li>
tr
td>GEN</td><td> 12<"d><td>1 D</td>
ir
<Ibody=
<html>5, Write-a set of framos to show the following data,

 

 

Fruits
Animals ‘Select any of the item shown on the
Birds left

 

 

SOURCE CODE:
Frame

shimi>
<head>

+title> Frames </ttle>

</head>

frameset cals="20%,"">

<frame stc="[Link]" name="11* marginwidth="20" marginheight="190">
frameset rows="100%,"">

+frame:sco="[Link]" name="12"/>

</body>

</iteni>

Frame-1

<htnt>
shead>

titles Contents 
sthead>

*body viink="GO00FF">



  • Frultse/a>
    

‘sli>    Animals    


  • Birds


      




Page 14.0 32Frame-2
[Link]


shead>

stitle> Fruits 



sbedy bgcolor="CCFFFF">


      


    • 


    



imgsro~'a jpg” alt="a" width="700" height="250" >

std align="center">
he siyle="font-size:30pt">

Welcome to Career College 









Career College is accredited at 'A' level by National Assessment and Accreditation
Council (NAG), Bangalore, We are having nine huge multistoried buildings on a
sprawling 4 acre lush green [Link] with huge computerized Library

Page 3 af 32atimeasuring 9,000 Sq. Ft. comprising of more than 25.000 text books, Reference
boaks, Journals and Encyclopedia with reading capacity of mare than 100 students
ata time. in addition, secluded chambers for Research scholars are available. Tha
only College having facilities of Personality Assessment & Development Centre
(PADC), Computerized Attendance Monitoring System (CAMS) and Mock Exams.
Students Satisfaction Research Unit (SSRU) constantly undertakes surveys and
feedback of the students so as to improve the performance. we provide numerous
career oriented courses to choose from Computers, Commerce, Management,
Paramedical, Physiotherapy, Biotechnology, Microbiolagy, Education, Biochemistry,
Chemistry. Batany, Physical Education; Law, Library Science etc.










    




    Manayement 


    


    

Micrablology






    

Chemistry-



    


  • 


    • Education 



tte

sti
td aligh="cehter">Library & inforitiation Sclence<|b>Linguistis Department


    


    -

>
Cehitral LibraryComputer
Lab

sitd>
 Laboratories


    

 Hastelei>


st

str
Auditoriumerts>




    


    
lt





    


‘str>
    


    


    

 




    

‘énbsp


    SSSSSSSSSSSSSSSS

stre-
lire

ste

a align="center" bgcolor="Hiff">Apple







[Link]



shead>

 animalehite>

<head>

body bgcolor="CCFFFF'>

<center>

<table border="

<p>

anibsp

<ip>

p>

anbsp

<p>

<tr><td><imgste="Koala jpg” width="500" height="400" /></td>
ite

<tr>

<td align="center" bgcolor="ftfft"> <b>Knata</b>
<iid>

<Ibody>

<html>

Page 15 af 32Birds,htm

shiml>
shead>

*tite> bird </ite>

</head>

<body bgcolor="CCFFFF">
scenter>

table border="

<p>

(Snbsp

<p>

<p>
 

<ip>

ti <img sre="[Link]” width="500" height="400" /> </a>
<tt>

<>

<td align="center’ bgcolor=tifift'><b>

Penguins<ib>

std>

sibody>

jaitenie

OUTPUT:

 

Frame-1

Page 16 af 32Fruits. htm [Link]!

 

 

 

 

 

 

 

Page 17 of 32‘6, Design the web page to display the following table with hyperlinks the
department name tor every information inside the table.

p, | Dept, Name

 

Compuler Science
Maths
Chemistry
Commerce

 

 

 

 

 

 

 

 

 

SOURCE CGDE:

shimi>
shead>

*titte> Table with Hyperlinks </titte>
=/head>

‘sbody viink="D000FF">

<table border="1" width="600" >

"2">[Link].</td>
">Departmant Names</td>
<td colspan="2" align="center"> Courses </td>
</tr>

<tr>

<td align="center"> UGeitd>

41d align="oenter">PG)td>

<tr>

<tr>

<id> t<itd><td><a href="[Link]">Camputer Scienee</am«itd>
~<id>Vessitd><id>yes<itd>

sit

st

std>2<Ad><td><a hret="[Link]">Mathissfa><rta>

<td> Yese/id><td>yes<itd>

<tr>

tr

<id>3<itd>-<Id><a href="[Link]">Chamistry<!a></td>
ald>Nositd><td>Yes</td>

<tr

<>

td>4citd><td><a href="[Link]">Commerce</a><ld>
<td> Yes</id><td>yes</td>

lire

<tbody>

<html>

Page 18 af 32Hyperlinks:

[Link]

<html>

<head>

<title> Table with Hyperlinks </tithe>
</head>

<body>

‘stable border="1" width="600">

<tr>

td colspan="4" align="center">
Computer Seiance

site

<li><i>
<td align="center"> UG
ita

<td align="center"> PG
</a>
<>

<tr>
<td>.

B.C. A. (3 ¥r. After 10+2)</td><td rowspan="6" align="center">M. Sc. Computer
Science

<td>

. Camputer Science

Information Technology

Matis (POM)

lire
ste

<td>

B, Se, Electronics
<td>

<tr>

<Ibody>

-=/htrnl>

Page 20 af 32[Link]!

shtmi>
<head>

<title> Table with Hyperiinks </uike>
</head>

<body>

<table border="1" width="600">
<tr

<td align="center" rowspan="2">
Maths

<itd>

id align="center"> UG
<td>

etd aligh="cehter'>
8, Se, Maths (PCM)
sitd>
li<td align="cemer'> PG
</td>

<td align="center">
M. Sc, Maths
<ild>

<i

</body>

<ihirnl>

OUTPUT:

 

[Link]!

chien

shead>

title> chemistry 



stable border="1" width="
tr



slie>





QUTPUT:

 

‘[Link]

shirni>
shead>
tile> commerce 
shead>

    


     PG
tte

td align="canter'>

M. Sc, Ghemistry


     Commerce




st



Frame -5

‘computer. html


shead>

Page 27 af 32computersftive>






    
Computer. him!







 

[Link]

 

[Link]

 

Maths himl Computer-himl

Chemistry. html8, Develop an HTML document for a webs page of your favourite
teacher, Design page with an attractive background colour, text
colour & background image.

SOURGE CODE:
Frame





stitle> Frames 

s/head>

frameset cals="500,"">

frame sc="[Link]" hame="11" scrolling="no" />


frame sec="new. html" name="{2"/>



Frame -1



shead™

tithe? frame-1 

sihead>


     UG

slta>


    


8. Com, Plain.



sitt>

>



B, Com, Tourism & Travel Mgmt.
iid

lire

tr

std>

B. Com, Office Mgmt. & Sec. Practice


slir>

tre



B. Com, Insurancé Management




B. Com, Tax Procedure & Practice



    


    



B. Com, Advertising, Sales Pro. & SM.
site

sit



std>

B. Coit, Computer Application



    





str
std rowspan="3" align="canter=PG
lire

Page 24 af 32

    



M. Com. Accounts:
tire

=)

a



M. Com. Management
ile



s/bodty>

“

OUTPUT:the frameset tags and frame tags for the following frameset,

[Link]! Welcome:himi [Link]
[Link]! [Link].

SOURCE CODE:

 

Frame

shimi=
chead>

frame tags


frameset rows="100,"">
frame arc="[Link]"/>
framesat rows="200,"">


‘

-frarne src="chemistry,timine>
frameset cols="300%,*°>







Frame +1
physics html

himi>
thead=

ttitte>physics






    
Physics. html


    





Frame -2

[Link]

Page [Link] 32
shead>

welcomesttitle>

sihead>

<body>

<p style="font-size:80pt,color:green:">
Welcome. htmi

</p>

<body>

<ihtml>

Frame 3
maths, him!

htenl>

shimi>

sheag>

<title>maths






    
[Link]