You are on page 1of 53

THE JAIN WORLD SCHOOL

COMPUTER
APPLICATION
S (SUBJECT
CODE – 165)
Practical File (HTML)
[Adarsh Yadav]

This document contains the details of all the Practical Sessions conducted during Session
2020 – 21.
INDE
X
HTML
ASSIGNMENTS
1. List Assignment
2. Image Assignment
3. Form Assignment
4. Frame Assignment
5. Audio and Video Assignment
6. Table Assignment
7. Hyperlinks Assignment
8. Inline CSS Assignment
9. Internal CSS Assignment
10.External CSS Assignment

HTML
ASSIGNMENTS
1. Design the following Web Page:
Coding:

<html>
<head>
<title>Python Introduction</title>
</head>
<body>
<dl>
<dt>Python</dt>
<dd>Python is an easy - to - learn yet powerful object oriented programming
language. It is very high level programming language yet as powerful as many
other middle - level not so high - level languages like C, C++, Java etc.</dd>
<dt>Naming of Python</dt>
<dd>Python was named after famous BBC comedy show namely <i>Monty
Python's Flying Circus</i>.</dd>
</dl><hr>
<ol>
<li>Pluses of Python
<ul type=disc><li>Easy to Use Object Oriented Language<li>Expressive
Language<li>Interpreted Language<li>Its completeness
<li>Cross - Platform Language<li>Free and Open Source<li>Variety of Usage /
Applications</ul><hr>
<li>Minuses of Python
<ul type=circle><li>Not the Fastest Language<li>Lesser Libraries than C, Java,
Perl<li>Not Strong on Type - Binding<li>Not Easily Convertible</ul><hr>
<li>Coding Modes of Python
<ul type=square><li>Interactive Mode<li>Script Mode</ul>
</ol>
</body>
</html>

Output:
2. Design the following Web Page:
Specifications to be followed are:
 Main – Heading and Sub – Headings should be of highest and 2nd highest
heading tags respectively.
 Images to be used for different sections are: First Generation – Vacuum
Tubes.jpg, Second Generation – Transistors.jpg, Third Generation –
IC.jpg, Fourth Generation – CPU.jpg and Fifth Generation – AI.jpg.
 Size of Horizontal Ruler should be ‘5’.
Coding:

<html>
<head>
<title>Generation of Computers
</title>
<style type="text/css">
body{font-size:18px}
</style>
</head>
<body>
<h1>Generation of Computers</h1>
<p>Computer generations are based on when major technology changes in computers
occured, like the use of vacuum tubes, transistors, and the microprocessor. As of 2018, there
are five generations of computer.</p>
<hr color='black' size='5px'>
<p><h2>First Generation (1940-1956)</h2>
<img src="file:\\\C:\Users\home\Desktop\vacuum tubes.jfif" width='190px' align='left'>
The first generation of computers used vacuum tubes as a major piece of technology.
Vacuum tubes were widely used in computers from 1940 through 1956. Vacuum tubes were
larger components and resulted in first generation computers being quite large in size, taking
up a lot of space in room. Some of the first computers took up entire room.<br><br>
The ENAIC is a great example of a first generation computer. It consisted of nearly 20,000
vacuum tubes, as well as 10,000 capacitors and 70,000 resistors. It weighed over 30 tons and
took up a lot of space, requiring a large room to house it. Other examples of first generation
compuuters include the EDSAC, IBM 701, and Manchester Mark1.
</p><br><hr color='black' size='5px'>
<p><img src="file:\\\C:\Users\home\Desktop\transistors.jpg" width='180px' height="200px"
align='right'><h2>Second Generation (1956-1963)</h2>
The second generation of computers saw the use of transistors instead of vacuum tubes.
Transistors were widely used in computers freom 1956 to 1963. Transistors were smaller than
vacuum tubes and allowed computers to be smaller in size, faster in speed, and cheaper to
build. <br><br>
The first computer to use transistors was the TX-0 and was introduced in 1956. Other
computers that used transistors include the IBM 7070, Philco Transac S-1000, and RCA 501.
</P><br><hr color='black' size='5px'>
<p><h2>Third Generation (1964-1971)</h2><img
src="file:\\\C:\Users\home\Desktop\integrated circuit.jpg" width='200px' height='120px'
align='left'> The third generation of computers introduced the use of IC (integrated circuit) in
computers. Using IC's in computers helped reduce the size of computers even-more
compared to second generation computers, as well as make them faster.<br><br>
Nearly all computers since the mid to late 1960s have utilized ICs. While the third generation
is considered by many people to have spanned from 1964-1971, ICs are still used computers
today. Over 45 years later, today's computers have deep roots going back to third
generation.</p><hr color='black' size='5px'>
<p><img src="file:\\\C:\Users\home\Desktop\cpu.jpg" width='200px'
align='right'><h2>Fourth Generation (1972-2010)</h2> The fourth generation of computers
took advantage of the invention of microprocessors, more commonly known as a CPU.
Microprocessors, along with integrated circuits, helped make it possible for computers to fit
easily on a desk and for the introduction of laptop.<br><br>
Some of the earliest computers to use a microprocessor include the Altair 8800, IBM 5100,
and Micral. Today's computers still use a microprocessor, despite the fourth generation being
considered to have ended in 2010.
</p><hr color='black' size='5'>
<p><h2>Fifth Generation (2010 to Present)</h2><img
src="file:\\\C:\Users\home\Desktop\AI.jpg" width='150px' height='170px' align='left'>
The fifth generation of computers is beginning to use AI (artificial intelligence), an exciting
technology that has many potential applications around the world. Leaps have been made
inAI technology and computers, but there is still much room for improvement.<br><br>
One of the more-well known examples of AI in computers is IBM's Watson, which has been
featured on the TV show Jeopardy as a contestant. Other better-known examples include
Apple's Siri on the iPhone and Microsoft's Cortana on Windows 8 and Windows 10
computers. The Google search engine also utilizes AI to process user speeches.
</p><br><hr color='black' size='5'>
</body>
</html>
Output:
3. Design the following Web Page using Form Elements:

Specifications to be followed are:


 Options of Annual Income are: Less Than 100000, 100001 – 200000,
200001 – 300000, 300001 – 400000.
 Maximum Length of Class X Roll No is 7.
 Options of Class X Pass Out Year are: 2015, 2016, 2017, 2018, 2019.
 Maximum Length of Admission No is 3.
 Options of Admission Date Year are: 2015, 2016, 2017, 2018, 2019.
 Options of Email Id Domains are: gmail.com, yahoo.com,
rediffmail.com.
 Maximum Length of Aadhar No Individual Boxes is 4 per box.
Coding:

<html>
<head><title>Registration Form</title></head>
<body bgcolor=cyan>
<form><center><h1>Class XI Registration Details</h1></center>
<label>Name: </label><input type="text" name="Name">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;
<label>Mother's Name: </label><input type="text" name="MName">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;
<label>Father's Name: </label><input type="text" name="FName"><br><br>
<label>Sex: </label><input type="radio" name="Sex" value="Male">Male
<input type="radio" name="Sex" value="Female">Female
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;
<label>Caste: </label><select name="Caste"
size="4"><option>General</option><option>SC</option><option>ST</option
>
<option>OBC</option></select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<label>Physically Challenged: </label><input type="radio" name="PhyCha"
value="Yes">Yes
<input type="radio" name="PhyCha" value="No">No
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;
<label>Stream: </label><input type="radio" name="Stream"
value="Science">Science
<input type="radio" name="Stream" value="Commerce">Commerce<br><br>
<label>Subjects: </label><input type="checkbox" name="Eng"
value="English">English
<input type="checkbox" name="Phy" value="Physics">Physics
<input type="checkbox" name="Chem" value="Chemistry">Chemistry
<input type="checkbox" name="Acc" value="Accountancy">Accountancy
<input type="checkbox" name="BST" value="Business Studies">Business
Studies
<input type="checkbox" name="Eco" value="Economics">Economics
<input type="checkbox" name="Maths" value="Mathematics">Mathematics
<input type="checkbox" name="Bio" value="Biology">Biology
<input type="checkbox" name="CS" value="Computer Science">Computer
Science
<input type="checkbox" name="Hin" value="Hindi">Hindi
<input type="checkbox" name="PEd" value="Physical Education">Physical
Education <br><br>
<label>Annual Income: </label><select
name="AnnInc"><option>Select</option><option>Less Than 100000</option>
<option>100001 - 200000</option><option>200001 -
300000</option><option>300001 - 400000</option></select>
&nbsp;&nbsp;&nbsp;&nbsp;
<label>Only Child: </label><input type="radio" name="Child"
value="Yes">Yes
<input type="radio" name="Child" value="No">No<br><br>
<label>Class X Roll No.: </label><input type="text" name="RNo" size=7
maxlength=7>&nbsp;&nbsp;&nbsp;&nbsp;
<label>Class X Pass Out Year: </label><select
name="PassYr"><option>Select</option><option>2015</option>
<option>2016</option><option>2017</option><option>2018</option><option
>2019</option></select><br><br>
<label>Class X Board: </label><input type="radio" name="Board"
value="CBSE">CBSE
<input type="radio" name="Board" value="ICSE">ICSE
<input type="radio" name="Board" value="State">State
Board&nbsp;&nbsp;&nbsp;&nbsp;
<label>Class X Exam: </label><input type="text" name="XExam"
value=AISSE><br><br>
<label>Admission No.: </label><input type="text" name="AdmNo" size=3
maxlength=3>&nbsp;&nbsp;&nbsp;&nbsp;
<label>Admission Date: </label><select name="Date"><option>Date</option>
<option>1</option><option>2</option><option>3</option><option>4</option
><option>5</option><option>6</option>
<option>7</option><option>8</option><option>9</option><option>10</optio
n><option>11</option><option>12</option>
<option>13</option><option>14</option><option>15</option><option>16</o
ption><option>17</option>
<option>18</option><option>19</option><option>20</option><option>21</o
ption><option>22</option>
<option>23</option><option>24</option><option>25</option><option>26</o
ption><option>27</option>
<option>28</option><option>29</option><option>30</option><option>31</o
ption></select>
<select
name="Month"><option>Month</option><option>January</option><option>F
ebruary</option>
<option>March</option><option>April</option><option>May</option><optio
n>June</option><option>July</option>
<option>August</option><option>September</option><option>October</opti
on><option>November</option>
<option>December</option></select>
<select
name="Year"><option>Year</option><option>2015</option><option>2016</
option><option>2017</option>
<option>2018</option><option>2019</option></select><br><br>
<label>Minority: </label><input type="radio" name="Min" value="Yes">Yes
<input type="radio" name="Min" value="No">No&nbsp;&nbsp;&nbsp;&nbsp;
<label>Email Id: </label><input type="text" name="username"> @ <select
name="domain">
<option>Select<option>gmail.com</option><option>yahoo.com</option><opti
on>rediffmail.com</option></select>
&nbsp;&nbsp;&nbsp;&nbsp;
<label>Aadhar No.: </label><input type="text" name="Aadhar1" size=4
maxlength=4> <input type="text" name="Aadhar2" size=4 maxlength=4>
<input type="text" name="Aadhar3" size=4 maxlength=4><br><br>
<center><input type="submit" value="Submit">&nbsp;<input type="reset"
value="Reset"></center>
</form></body></html>
Output:

4. Design the following Web Page using Frameset:


Specifications to be followed are:
 The linked web pages should be: Frame1 – Facts.html, Frame2 – Tourist
Places.html.
 Image in Top – Right Frame, i.e. Frame3, should be displayed on clicking
hyperlink ‘Pictures’ after description of Chandigarh.
 Image in Bottom – Right Frame, i.e. Frame4, should be displayed on
clicking hyperlink ‘Pictures’ after description of J&K.

Coding: <Write code here, ‘Frames.html’, ‘Facts.html’, ‘Tourist Places.html’>


Frames.html
<frameset rows="10%,90%">
<frame src="Facts.html"name="Frame1" style="background-color:blue">
<frameset cols="50%,50%">
<frame src="Tourist Places.html" name="Frame2" style="background-
color:green">
<frameset rows="50%,50%">
<frame name="Frame3" style="background-color:green">
<frame name="Frame4" style="background-color:green">
</frameset>
</frameset>
</frameset>

Facts.html
<html>
<head>
<title>Interesting Facts</title>
</head>
<body>
<center><h1>INTERESTING FACTS</h1></center>
</body>
</html>

Tourist.html

<html>
<head>
<title>Indian Tourism</title>
</head>
<body>
<center><h1>CHANDIGARH</h1></center>
<ul type="disc">
<li>The city got its name from the famous Chandi Mandir Temple, which is
now a famous tourist destination.
<li>Chandigarh's official emblem is the 'Open Hand' which signifies peace and
reconciliation. The open hand sends a message of 'open to give and receive'.
<li>Because of the picturesque beauty of Chandigarh, it is called 'The City
Beautiful'.
</ul><br>
<A
href="https://miro.medium.com/max/4096/1*JyUz_msmRBpVQw_dsZX1Xw.p
ng" target="Frame3" style="float:right">Pictures</a><br>
<center><h1>J & K</h1></center>
<ul type="disc">
<li>Jammu & Kashmir have two state capitals. Srinagar, in summers and
Jammu in winters.
<li>People of Jammu & Kashmir have dual citizenship.
<li>Due to it's beautiful nature and environment, the Mughal Emperor Jahangir
named Kashmir as the 'Paradise of the Earth'.
</ul><br>
<a
href="https://static.businessworld.in/article/article_extra_large_image/1471972
021_lKxQg2_kashmir.jpg" width="80" target="Frame4" style="float:right">
Pictures</a><br>
</body>
</html>

Output:
5. Design the following Web Page inserting Audio and Video Files:
Specifications to be followed are:
 Web Page should be centrally aligned with background color ‘SkyBlue’.
 Font Settings for 1st Statement are: Font Face – Monotype Corsiva, Font
Size – 6.
 Font Settings for 2nd Statement are: Font Face – Cambria, Font Color –
‘DarkRed’, Font Size – 5.
 Video File Dimensions should be: Width – 540 pixels and Height – 360
pixels.

Coding:
<HTML>
<HEAD><TITLE>Audio tag</TITLE></HEAD>
<BODY Bgcolor="Skyblue">
<P Align="Center"><FONT Face="Monotype Corsiva"
Color="Black"Size=6>"Where Words fail,music speaks"</FONT>
<BR><FONT Face="Cambria"Color=Dark red" Size=5><B>This quote clearly
depicts
the importance of music for a human being.</B></FONT><BR><BR>
<AUDIO Controls
Src="an__Aishwarya__Ranbir__Anushka__Pritam__Arijit.mp3"
Autoplay></AUDIO><BR>
<VIDEO Controls Src="E:\computer audio" Width=720 Height=480 Autoplay>
</VIDEO></BODY></HTML>

Output:
6. Design the following Web Page using Table:
Specifications to be followed are:
 The table should be centrally aligned with height and width both as 90%.
 Table Caption should be set strong.
 Table Rows should be centrally aligned with ‘middle’ vertical alignment.
 ‘Recess’ should be emphasized.
 Cell Colors used here are Yellow and LightGreen.

Coding:
<HTML>
<HEAD><TITLE>TAble</TITLE></HEAD>
<BODY>
<H1><Center>TIME TABLE</Center></H1>
<CENTER><TABLE Border=2 height="90%" Width="90%">
<TR>
<TH>DAY/PERIOD</TH>
<TH>0</TH>
<TH>I</TH>
<TH>II</TH>
<TH>III</TH>
<TH>IV</TH>
<TH ROWSPAN="7">RECESS</TH>
<TH>V</TH>
<TH>VI</TH>
<TH>VII</TH>
<TH>VIII</TH>
</TR>
<TR>
<TD>MONDAY</TD>
<TD>Periodic Test</TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>

<TD></TD>
<TD Bgcolor="Yellow">VC</TD>
<TD Bgcolor="LimeGreen">XB</TD>
<TD Bgcolor="Limegreen">XI</TD>
</TR>
<TR>
<TD>Tuesday</TD>
<TD>Mass PT</TD>
<TD></TD>
<TD Bgcolor="Yellow">VIIB</TD>
<TD></TD>
<TD></TD>

<TD></TD>
<TD></TD>
<TD Bgcolor="Limegreen">XB</TD>
<TD Bgcolor="Limegreen">XA</TD>
</TR>
<TR>
<TD>Wednesday</TD>
<TD ROWSPAN="3">G.K CLUB</TD>
<TD></TD>
<TD></TD>
<TD Bgcolor="yellow">VIA</TD>
<TD Rowspan="3" Bgcolor="limegreen">XI</TD>

<TD></TD>
<TD Bgcolor="yellow">VIB</TD>
<TD Bgcolor="limegreen">XB</TD>
<TD Bgcolor="limegreen">XA</TD>
</TR>
<TR>
<TD>Thursday</TD>

<TD></TD>
<TD></TD>
<TD></TD>

<TD Rowspan="2" Bgcolor="limegreen">XI</TD>


<TD Bgcolor="yellow">VIIA</TD>
<TD Bgcolor="limegreen">XB</TD>
<TD Bgcolor="limegreen">XA</TD>
</TR>
<TR>
<TD>Friday</TD>

<TD></TD>
<TD></TD>
<TD></TD>

<TD Bgcolor="yellow">VIIA</TD>
<TD Bgcolor="limegreen"></TD>
<TD Bgcolor="limegreen">XA</TD>
</TR>
<TR>
<TD>Saturday</TD>
<TD></TD>
<TD COLSPAN="2">CCA</TD>
<TD Bgcolor="yellow">VIIB</TD>
<TD Bgcolor="yellow">VA</TD>
<TD Bgcolor="yellow">VB</TD>

<TD colspan="3"></TD>
</TR>
</CENTER>
</BODY>
</HTML>
Output:

7. Design the following Web Page using Hyperlinks:


Specifications to be followed are:
 Background Color should be ‘lightgreen’.
 Link Color should be ‘red’, Active Link Color should be ‘yellow’ and
Visited Link Color should be ‘green’.
 Heading should be of highest level written in ‘orange’ color using font
‘Monotype Corsiva’.
 Font Settings of “Select your Educational Stream” should be: Font Face –
Algerian and Font Size – 5.
 All the images should be centrally aligned, along with hints, linking to
the pages about job opportunities in the chosen stream.
 The linked web pages should be: PCM.html, PCB.html, Comm.html,
Human.html, CS.html and PEd.html.
 “Your Personal Career Counselor” should be an email link, connected to
the email id, ‘query@careercounseler.in’ along with the appropriate hint.
 All the web pages linked with the images should contain Internal Links
using Section Linking and should also have external links referring to the
web pages available on Internet.

Coding: <Write code here, ‘Links.html’, ‘PCM.html’, ‘PCB.html’,


‘Comm.html’, ‘Human.html’, ‘CS.html’, ‘PEd.html’>
Links.html
<HTML>
<HEAD>
<TITLE>
Carrer Options After School
</TITLE>
</HEAD>
<BODY Bgcolor="lightgreen" link="Red" Vlink="Green" Alink="Yellow">
<CENTER>
<H1><Font Face="monotype corsiva" color="Orange">
Welcome To Carrer Counseling Point
</H1>
</CENTER>
<Font face="Algerian" Font size="5" color="black">Select Your Educational
Stream</Font><BR><BR>
<A Href="pcm.html" Title="Job opportunities in PCM"><IMG
Src="https://media.istockphoto.com/vectors/physics-chemistry
-math-literature-vector-id540395464"Height="30%" Width="30%"</A>
<A Href="pcb.html"Title="jobs opportunities in PCB"><IMG
Src="https://thumbs.dreamstime.com/z/physics-chemistry-biology
-16421383.jpg"height="30%" Width="30%"></A>
<A Href="commerce.html" Title="Jobs opportunities in commerce"><IMG
Src="https://ezeesolution.com/images/add/ecommerce.jpg
"height="30%"width="30%"></A>
<A Href="physical education.html" Title="Jobs opportunities in physical education"><IMG
Src="https://d2u4q3iydaupsp.cloudfront
.
net/k5kwaoDYIJ3MX20yoiy5Cva1x9Ad2qOFhlUtvVfxHxQf1RCzwTAZOhAuGuRWpJmz
7EWQsypOYNyHvSHnZJVWh3JieG4YYGrWxY4stqI63YJhZyT8AmY7nR2d
92dqiv4G"height="30%"width="30%"></A>
<A Href="computerscience.html"Title="Jobs opportunities in Computer Science"><IMG
Src="https://i.ytimg.com/vi/SzJ46YA_RaA/max
resdefault.jpg"height="30%"width="30%"></A>
<A Href="humanities.html"Title="Jobs opportunities in Humanities"><IMG
Src="https://mccblr.edu.in/wp-content/uploads/2020/01/1
281X501pixels-03.png"height="30%"width="30%"></A><BR>
<Font Color="Black"> For any other stream,send us your queries to<A
Href="mailto:querycarrercouncellor.in">Your Personal Carrer
Counseler</A></Font>
</BODY>
</HTML>
PCM.html
<html>
<head>
<title>Job opportunities in PCM</title>
</head>
<body bgcolor="lightgreen"><center><H1>Career Options After 12th PCM</H1></center>
1. Bachelor of Architecture
The Bachelor of Architecture is a 5-year program that is an excellent option for you. In this
course, you will learn the science behind the construction of buildings and how to create them
by using correct structural planning most efficiently.

The eligibility criteria for this degree is that you have to clear your 12th board examination
with a minimum of 50 % marks. The annual salary for government employees starting as
architectures starts from 1.5 lacs, and in private companies, it is 2.5 lacs per annum.
<BR>
2. B.Tech in Aeronautical Engineering
Though, we did not want to mention anything related to Engineering, we couldn’t skip this.
Aeronautical Engineering is somewhat different than conventional engineering streams like
computer science engineering, mechanical engineering, electronics and communication
engineering etc.

It is the perfect blend of science and technology. There are a lot of new job openings for
students due to less competition. The course teaches students how to develop new
technologies in the fields of aircraft, satellite, spacecraft, etc.

You can take up a specialization in subjects like construction, designing, navigational


guidance, development, etc. There are plenty of job opportunities in private as well as public
sectors. New airlines come up every day, and satellite technology is improving to make it
more sustainable, so it is a good career option.
<BR>
3. Ethical Hacking
Many institutions in India teach you the art of ethical hacking. It is a career that is quickly
becoming popular in the whole world. This is the age of the internet, and with the boons that
the internet brings to us, there are also plenty of drawbacks.

To combat unethical access to private accounts, trained professionals are required. Even the
government in the top security jobs needs ethical hackers who will prevent their systems from
getting hacked by enemies. This is a highly risky and exciting job which is not for all. But if
you like challenges and want to give your career an impressive start, then this course is best
for you.
<BR>
4. Bachelor of Science – Physics degree
The BSc. Physics degree is a 3-year course, which is divided into six semesters according to
UGCs latest guidelines. There are many Government, as well as private colleges that offer
this degree.

The eligibility of this course is, the student must pass with the minimum marks prescribed by
the college as the cutoff marks, with Physics, Chemistry, Maths/Biology as well as English.
The average tuition fee for this course, all around India is 30000. There are many career
options for a student after pursuing BSc. Physics – statistician, content developer, quality
control manager etc.
<BR>
5. Bachelor of Science in Chemistry
With PCM as a subject combination, you may love these subjects and want to stick with one
of them. If chemistry is your favorite subject, there are many job options if you take it up for
your bachelor’s degree. You can become a technical writer, chemist, as well as a researcher if
you, for others, take up the subject as an academic endeavour.
<BR>
6. Bachelor of Business Administration
This BBA Course degree is for three years. You will be eligible for this professional course if
you can secure for yourself at least 50% in your board examination.

The course will be divided into six semesters. There are many career options available for
you if you choose this as your path; ranging from HR, data analyst to project manager in an
IT company.

<BR>
7. Bachelor of Science (B.Sc.) in Fashion Design
This is a 3-year course which teaches you the art and science of fashion designing. You can
take up specialization in this course for footwear, clothing, accessories, etc. If you like
science as well as arts subjects, then this course is perfect for you.
<BR>
8. Bachelor of Science (B.Sc.) Agriculture
This course is for four years, and it has a multidisciplinary approach that teaches you to plant
biochemistry, management, agronomy, the study of pests and crops, etc. Some of the jobs
that you can get with this subject’s specialization are agriculture officer, assistant plantation
manager, agricultural research scientist, etc.
<BR>
9. Bachelor of Science (B.Sc.) Mathematics
This is a bachelor’s degree course for a duration of 3 years, and you can get a salary of 3 to 5
lacs per annum in the government teaching jobs if you do a post-graduate degree in
mathematics after you complete your UG level graduation.

There are ample career options like – teacher, statistician, corporate trainer etc.
<BR>
10. Bachelor of Science (B.Sc) Statistics
There are many jobs available that need statisticians to fill up the portfolio. This is a highly
interesting subject that you can take up. It is a 3-year course. It is a skill that almost every
sector needs. If you can get a specialization in some other subject along with this degree
depending upon your interest, you will get the opportunity to work in some outstanding jobs
in both corporate as well as government sector.
<BR>
</body>
</html>
PCB.html
<html>
<head><title>PCB</title></head>
<body bgcolor="lightgreen"><center><H1>Jobs After PCB</H1></center>
1)MBBS – Bachelor of Medicine and Bachelor of Surgery<br>
2)BHMS – Bachelor of Homeopathy Medicine and Surgery<br>
3)BAMS – Bachelor of Ayurvedic Medicine and Surgery<BR>
4)BUMS – Bachelor of Unani Medicine and Surgery<BR>
5)BDS – Bachelor of Dental Surgery<BR>
6)B Sc AH (Animal Husbandry) Bachelor of Veterinary Sciences<BR>
7)B Sc – Bachelor of Science<BR>
8)B Sc Microbiology – Bachelor of Science in Microbiology<BR>
9)B Sc Biotechnology – Bachelor of Science in Biotechnology<BR>
10)B Sc Bio Chemistry – Bachelor of Science in Bio Chemistry<BR>
11)B Sc – Nursing<BR>
12)B PT – Bachelor in Physio Therapy<BR>
13)B Pharm – Bachelor in Pharmacy<BR>
14)B Sc Agriculture – Bachelor of Science in Agriculture<BR>
15)B Sc Horticulture – Bachelor of Science in Horticulture<BR>
16)B Sc Environmental Science – Bachelor of Science in Environmental Science<BR>
17)B F Sc – Bachelor in Fisheries Sciences<BR>
18)B Sc MLT – Bachelor in Medical Technology<BR>
19)B Sc Occupational Therapists<BR>
20)B Sc Audiology<BR>
21)B Sc Speech and Language Pathology<BR>
22)B Sc Radiography<BR>
23)B Sc Rehabilitation Therapy<BR>
24)B Sc Food Technology<BR>
25)B Sc Nutrition and Dietetics<BR>
26)B Sc Botany<BR>
27)B Sc Zoology<BR>
28)B Sc Anthropology<BR>
29)B Sc Home Science<BR>
</body
</html>
Commerce.html

<html>
<head><title>Commerce</title></head>
<body bgcolor="lightgreen"><center><H1>Jobs After Commerce</H1></center>
1. Chartered Accountant<BR>
If you are someone from the Commerce field, you are most likely to know about the
Chartered Accountancy professional course. The Institute of Chartered Accountants of India
or ICAI is a statutory body which designates a person as a chartered accountant after they
have gone through a series of examinations and internship. It is one of the most popular
commerce stream jobs. As a CA, they can handle the important accounts of a company and
ensure that the finances are properly recorded and calculated.

Taking the role of a Chartered Accountancy is one of the highest paying jobs in India for
commerce students and it is a dream of most commerce students to become a CA. As a
starting salary, one can expect to get around Rs. 6 to Rs. 7 lakhs per annum as a CA. It is one
of the highest salary jobs for commerce students.

This value increases when a CA gains more experience. However, the CA exams are said to
be one of the toughest and so, many students stay away from it. While preparation requires
immense hard work, this commerce job does pay off at the end and the fewer the attempts,
the better the pay.
<BR>
2. Investment Banker<BR>

As mentioned earlier, students of commerce studies and deal with finances. Hence, they are
deemed as individuals who can present the best take on how any company or common person
can handle their money or savings. The role of an investment banker is to provide financial
advice and recommendations to different companies and firms so that they can optimally
make use of their money and reach their financial goals. It is one of the highest salary jobs for
commerce students.

<BR>
3. Chartered Financial Analyst<BR>
Chartered Financial Analyst is one of the highest distinctions in the investment management
discipline. CFA is one of the highest paying jobs in India for commerce students with an
approximate salary of around Rs. 12 lakhs per annum. CFA is one of the globally recognized
commerce jobs and a CFA engages in several roles – wealth management, equity, and fixed
income analysis, credit analysis, etc.

To obtain the CFA designation, candidates must pass three levels of exams covering different
fields of study, including such as economics, accounting, money management, security
analysis, and ethics. Also, candidates must have a bachelor’s degree along with a minimum
of four years of relevant work experience. If you are a CA, then you can have an advantage in
the CFA examinations, since you will be offered several exemptions.

Chartered Financial Analysts can find work opportunities at banks, insurance companies,
investment firms, financial securities firms, and even MNCs. Being one of the popular
commerce stream jobs, the primary job of a Chartered Financial Analyst is to identify good
investments for their company and also bad investments that their clients should avoid.

They gather data from multiple sources and analyze it to assess the returns and risks
associated with different investment vehicles. CFA is one of the highest paying jobs in India
for commerce students with an approximate salary of around Rs. 6-12 lakhs per annum and
one of the highest salary jobs for commerce students.

<BR>

4. Certified Public Accountant<BR>


CPA is similar to Chartered Accountancy, but it is conducted by the American Institute of
Certified Public Accountants or AICPA. Hence, CPA has a global appeal. Aspirants who
desire to earn the CPA designation must possess a bachelor’s degree in Business
Administration/Finance/Accounting and complete 150 hours of education. All candidates
must pass a four-part exam.

CPAs conduct financial statement audits and offer a wide range of attestation services to give
a 360-degree view of the financial health of organizations. They offer advice to corporate
bodies and families on taxes and financial planning. CPAs can bag different positions in
public and corporate accounting hierarchy and climb all the way up to executive positions
like the Chief Financial Officer (CFO).

A CPA handles taxation, auditing, reporting, and accounting processes of certain clients and
corporations. It is one of the best commerce stream jobs which can give you financial
security. You need to have a Business or Accounting degree to get enrolled for the CPA
exam and then, you have to pass the exam. A CPA can get around Rs.7-9 lakhs per annum
and one of the highest salary jobs for commerce students.

<BR>

5. Actuary<BR>
An actuary is a very respectable title for professionals. Actuaries are individuals who assess
the risks involved in the insurance industry. The risks include property loss, disability or
other probable that could impact the company. They are experts in risk management who use
their mathematical skills to estimate the probability of future events and to predict their
financial impact on their clients and businesses in general.

Actuary is one of the best commerce stream jobs and since it is mostly in the analytical field,
a student of actuary should have a background in Economics, Business Administration,
Finance, as well as have a background in Mathematics.

A career in Actuary is not only diverse, but it is also highly rewarding. While investment
banks, insurance companies, and other financial institutions employ many full-time actuaries,
Actuaries can also work independently and act as consultants for a variety of
businesses/organizations. However, as an Actuary, your career will not be limited to merely
financial institutions. Since all areas of business have potential risks, Actuaries can find job
opportunities in non-financial domains like real estate, healthcare, etc.

An actuary can get a minimum salary of 10-14 lakhs per annum.

<BR>

6. Cost Accountant<BR>
Cost Accountant is one of the top commerce jobs in India. The two core goals of cost
accounting are profitability analysis and budget preparation. Cost Accountants are financial
specialists who help in making budgets, managing costs and assets of a company and
evaluating the performance of a company. They are generally employed by manufacturing
firms.

Cost Accountants determine the actual costs associated with manufacturing a product/service
and delivering the same to the final customer. For this purpose, they scrutinizing all of the
associated expenses within the supply chain and identify which products/services, processes,
and departments are the most and least profitable.
Essentially, Cost Accountants are responsible for gathering, validating, analyzing, and
communication data to facilitate financial transparency and optimize processes. They are part
of an executive team and help in building the financial plan for the company and reports for
stakeholders and tax authorities. The salary of a fresher in Cost Accountant is around Rs. 4
lakhs per annum.

<BR>>

7. Professional Accountants<BR>
Apart from Chartered Accountants, commerce students can take up the field of Professional
Accountants. Professional Accountants help with the accounting, taxation and with
compliance and reports. They should have a working knowledge of accounting software like
SAP, Tally and advanced Excel. Professional Accountants have to create and maintain
accurate financial records for businesses and individuals. They also perform audits and
financial statement analysis.

Professional Accountants may either find employment in an accounting firm or they can
establish their independent practice. Professional Accountant job is one among the well-
paying commerce jobs in India. The salary is approximately set at Rs. 6-7 lakhs per annum.

<BR>

8. Retail Manager<BR>

Retail Managers help in the management of supermarkets as per the terms of the business.
Basically, a Retail Manager’s job is to run a retail outlet/store successfully. They may require
a degree in Retail Management.

Retail Managers supervise and manage every aspect of the day-to-day functioning of retail
outlets, including sales, staff, inventory, and resources management. Retail Managers must
have an awareness of brand and marketing philosophy. They must use clever marketing
strategies to persuade customers to purchase products from the store. They may get a salary
of about Rs. 5 lakhs per annum.

<BR>
9. Company Secretary<BR>

A Company Secretary plays an important role in the company by ensuring that the company
is running as per the statutory and regulatory requirements. Company Secretary (CS) is one
of the principal posts in a company or an organization. They act as the moderator between the
stakeholders and the board. A Company Secretary is responsible for making legal filings like
tax reports, account information as well as reports of annual earnings. CS is one of the
preferred commerce jobs in India.

CS is undoubtedly a highly promising course after 12th commerce with high salary. The
Institute of Company Secretaries of India (ICSI) offers complete training to aspirants who
want to pursue CS. Company Secretaries can expect a hefty salary of Rs. 6-7 lakhs per
annum.

<BR>

10. Personal Financial Advisor<BR>

A personal Financial Advisor is a person who helps clients with their financial objectives,
retirement savings, pensions, insurance, and management of debts. Financial advisors
generally require a degree in Finance, Accounting, Business, Mathematics, Law, etc. They
can get an expected salary of around Rs. 5 lakhs per year.
</body
</html>

CS.html

<html>
<head>
<title>Job opportunities in Computer Science</title>
</head>
<body bgcolor="lightgreen"><center><H1>Career Options After 12 Computer
Science</H1></center>
1.Software Developer<BR>

2.Database Administrator<BR>
3.Computer Hardware Engineer<BR>

4.Computer Systems Analyst<BR>

5.Computer Network Architect<BR>

6.Web Developer<BR>

7.Information Security Analyst<BR>

8.Computer and Information Research Scientists<BR>

9.Computer and Information Systems Managers<BR>

10.IT Project Manager<BR>

</body>
</html>

Humanities.html
<html>
<head>
<title>Job opportunities in Humanities</title>
</head>
<body bgcolor="lightgreen"><center><H1>Career Options After 12
Humanities</H1></center>
1.BA in Humanities & Social Sciences<BR>
2.BA in Arts (Fine/ Visual/ Performing)<BR>
3.Bachelor of Fine Arts (BFA)<BR>
4.BDes in Animation<BR>
5.BA LLB<BR>
6.BDes in Design<BR>
7.BSc in Hospitality & Travel<BR>
8.BSc in Design<BR>
9.Bachelor of Journalism & Mass Communication (BJMC)<BR>
10.BHM in Hospitality & Travel<BR>
11.Bachelor of Journalism (BJ)<BR>
12.Bachelor of Mass Media (BMM)<BR>
13.BA in Hospitality & Travel<BR>
14.BA in Animation<BR>
15.Diploma in Education (DEd)<BR>
16.BCom in Accounting and Commerce<BR>
17.BBA LLB<BR>
18.BCA (IT and Software)<BR>
</body>
</html>

Physical Education.html

<html>
<head>
<title>Job opportunities in Physical Education</title>
</head>
<body bgcolor="lightgreen"><center><H1>Career Options After 12 Physical
Education</H1></center>
1.Teacher<BR>
2.Assistant Professor<BR>
3.Sports Manager<BR>
4.Physical Therapist<BR>
5.Physical Education Trainer<BR>
6.Health Educator<BR>
7.Coach<BR>
8.Fitness Instructor<BR>
10.Sports Journalist<BR>
</body>
</html>
Output:
8. Design the following Web Page using Inline CSS:

Specifications to be followed are:


 Background Color Code should be FF9966.
 1st paragraph should be a centrally aligned navy colored 25 point size
paragraph written in ‘ravie regular’ font, where ‘GENJI’ should be set as
strong.
 2nd paragraph should be a centrally aligned navy colored 15 point size
paragraph written in ‘georgia’ font.
 3rd paragraph should be a centrally aligned white colored 13 point size
paragraph written in ‘fixedsys regular’ font with background color code
FF3333.
Coding:

<html>
<head>
<title>World's First Novel</title>
</head>
<body style="background-image:url(TaleofGenji.jpg);background-
position:center center;background-color:#FF9966;
background-repeat:no-repeat;">
<p style="font-family:ravie regular;text-align:center;color:navy;font-
size:25pt;">THE TALE OF<br>
<font size=100><strong>GENJI</strong></font></p>
<p style="font-family:georgia;font-size:15pt;text-
align:center;color:navy;"><b>Murasaki Shikibu</b><br>
<font size=3pt>A Novel in
Six Parts</font></p>
<br><br>
<center>
<Img Src="C:\Users\min\Downloads\download (37).jpg" width="400">
</center>
<p style="font-family:fixedsys regular;text-align:center;color:white;font-
size:13pt;background-color:#FF3333;">
The World's 1<sup>st</sup> Novel, written a thousand years ago and one of
the enduring classics of world literature.</p>
</body>
</html>
Output:
9. Design the following Web Page using Internal CSS:

Specifications to be followed are:


 Text Color of Web Page should be ‘gray’ with ‘black’ background.
 Word Spacing of 1st heading should be of 5 pixels with 2nd highest
heading tag.
 Font of 2nd heading should be ‘Georgia’ with the highest heading tag.
 Letter Spacing of 3rd heading should be of 5 pixels with 3rd highest
heading tag in ‘red’ color.
 Font Color in Table should be ‘Yellow’.
 Horizontal Ruler should be 5 pixels high in ‘cyan’ color.
 Remaining text should be bold with text indentation of 30 pixels and line
height of 1.5 pixels.
Coding:

<html>
<head>
<title>text properties</title>
<STYLE TYPE="text/css">
BODY{Color:white}
P{Font-weight:bold;Text-indent:30px;Line-height:1.5;}
H2{Text-align:Center;Text-Decoration:Underline;Text-
transform:Capitalize;Word-spacing:5px;}
H1{Font-family:Georgia;Text-align:Center;}
H3{Text-align:Center;Color:Red;Letter-spacing:5px;}
</STYLE></head>
<BODY Bgcolor=Black>
<Img Src="C:\Users\min\Downloads\download (38).jpg" Height="40%"
Width="50%" Align="Left">
<H2>World`s first automobiles</H2>
<H1>The Benz Patent Motorwagen N1</H1>
<H3>Specifications</H3>
<TABLE Border=2 style=color:yellow;align=center>
<TR><TD>Weight</TD><TD>265kilograms</TD></TR>
<TR><TD>Maximum speed</TD><TD>16kmph</TD></TR>
<TR><TD>Engine</TD><TD>Water Cooled</TD></TR></TABLE>
<BR><BR><HR SIZE=5 COLOR="Cyan">
<P>The Benz Patent Motorwagen N1, the first car in the world was built by
German Engineer and Inventor Karl Benz.</P>
<P>In 1906 Karl Benz donated his car to the German Museum in
Munich,Germany.</P>
<P>In 1936,three copies of the car weere built for the Mercedes Benz
Museum,the Museum of Technology in Vienna and the
Transport Museum in Dresden.</P>
<HR Size=5 Color="Cyan"></BODY></HTML>
Output:
10.Design the following Web Page using External CSS:

Specifications to be followed are:


 1st paragraph should be formatted using external style sheet with the
following formatting settings: background color with color code E3F6CE,
font size of 30 pixels and top margin of 50 pixels.
 External Style Sheet should also set the background color of the Web
Page with color code ‘FACC2E’.
 2nd paragraph should be formatted using inline style sheet with the
following formatting settings: Monotype Corsiva font, normal font
weight with font size of 30 pixels and top margin of 100 pixels.
Coding:

<html>
<head>
<title>Margin Properties</title>
<style>
p{Margin-top:50px;Background-color:#E3F6CE;Font-size:30px;}
body{Background-color:#FACC2E;}
</style>
</head>
<body>
<p>Your attitude, not your aptitude, will determine your altitude.</p>
<p style="font-family:Monotype Corsiva;font-size:30px;font-
weight:normal;margin-top:100px;">The positive attitude
causes a chain reaction of positive thoughts, events and outcomes. It is a
catalyst and it sparks extraordinary results.</p>
</body>
</html>
Output:

You might also like