Hey friends,
This is the Basic HTML programs very Good for the html beginners i share with you .for more query contact my e-mail address abhi.smarta02@gmail.com
1. Page 1 of 32
1. Display your family information with background and other
formatting.
SOURCE CODE:
<html>
<head>
<title> Family information </title>
</head>
<body bgcolor="lightgreen" text="blue">
<h1>
<pre>
My name is Abhishek Sharma
my Family information is -
Father Name - Shri R.K. Sharma
Mother Name - ShrimatiAnjulata Sharma
Brother Name - Ashish Sharma
Sister Name - Richa Sharma
</pre>
</h1>
</body>
</html>
OUTPUT:
2. Page 2 of 32
2. Design a web page to display your college with hyperlink.
First of all I create the frame than I insert the hyperlink at the second frame-2
SOURCE CODE:
Frame
<html>
<head>
<title> Career College Bhopal</title>
</head>
<frameset rows="75,*" >
<frame src="logo.html" name="f1" scrolling="no"/>
<frameset cols="200,*">
<frame src="aa.html" name="f2" scrolling="no"/>
<frameset cols="100 ,*">
<frame src="as.html" name="f3"/>
</frameset>
</html>
Frame-1
<html>
<head>
<title>F1</title>
</head>
<body>
<table width="100%" border="0" >
<tr>
<td>
<img src="CAREER.png" width="65" height="60" alt="CAREER" />
<br/>
</td>
<td align="center">
<b style="font-size:42pt;color:000000">
<i><font face="Georgia"> CAREER COLLEGE BHOPAL </i></font>
</b>
</td>
</tr>
</body>
</html>
3. Page 3 of 32
Frame-2
<html>
<head>
<title> Contents </title>
</head>
<body vlink="0000FF">
<h3>
<ul>
<li><a href="as.html" target="f3">Home</a></li></br>
<li><a href="about.html" target="f3">About College</a></li></br>
<li><a href="mission.html" target="f3">Mission</a></li></br>
<li><a href="Departments.html" target="f3">Departments</a></li></br>
<li><a href="Courses.html" target="f3">Courses</a></li></br>
<li><a href="facilities.html" target="f3">Facilities</a></li></br>
<li><a href="http://www.bubhopal.nic.in/" target="f3"> Online Result </a></li><br/>
<li><a href="http://www.bubhopal.nic.in/" target="f3"> Exam Timetable </a></li><br/>
<li><a href="photo.html" target="f3"> Photo Gallery </a></li><br/>
<li><a href="Contactus.html" target="f3">Contactus</a></li></br>
</h3>
</ul>
</body>
</html>
Frame-3
<html>
<head>
<title>HOME</title>
</head>
<body>
<center>
<table width="100%" border"0">
<tr>
<td align="center">
<imgsrc="a.jpg" alt="a" width="700" height="250" />
</td>
</tr>
<tr>
<td align="center">
<h2 style="font-size:30pt;">
<u><b>Welcome to Career College </u></b>
</h2>
</center>
<h5><p>
<font face="Consolas">
Career College is accredited at 'A' level by National Assessment and Accreditation
Council (NAAC), Bangalore. We are having nine huge multistoried buildings on a
sprawling 4 acre lush green campus.Along with huge computerized Library
4. Page 4 of 32
admeasuring 9,000 Sq. Ft. comprising of more than 25,000 text books, Reference
books, Journals and Encyclopedia with reading capacity of more than 100 students
at a time. In addition, secluded chambers for Research scholars are available. The
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, Microbiology, Education, Biochemistry,
Chemistry, Botany, Physical Education, Law, Library Science etc.
</font>
</p>
</h5>
</td>
</tr>
</body>
</html>
About College
<html>
<head>
<title>About College</title>
</head>
<body>
<center>
<p> </p>
<h2 style="font-size:25pt;">
<u><b> CAREER COLLEGE – AT A GLANCE </u></b>
<h3 align="left">
<font face="Consolas">
<pre>
• Career Oriented Courses in Commerce, Management, Biotechnology,
Microbiology, Biochemistry, Botany, Chemistry, Physiotherapy, Education,
Paramedical Science, Computer Science and Library & Info. Science.
• Accredited at ‘A’ level by (NAAC) National Assessment and Accreditation
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 Physiotherapists.
• Approved by M.P. Paramedical Council, Bhopal.
5. Page 5 of 32
• Programme Study Centre – IGNOU.
• 40 Glorious Years Academic Excellence..
</pre>
</font>
</h3>
</body>
</html>
Mission
<html>
<head>
<title>mission</title>
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<center>
<h2 style="font-size:25pt;">
<u><b>The paradigm embraced by Career College envisages: </u></b>
</center>
<p> </p>
<h3 align="left">
<font face="Consolas">
<pre>
• A firm commitment to academic excellence in career achievements of the
students
ensuring a head start on 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
its multifaceted curricular and co curricular activities.
• Inculcation of strong attitude in the students for the development of diverse
attributes of personality spectrum to face global challenges of 21st century
and be the proud citizens of India.
</pre>
</font>
</h3>
</body>
</html>
Departments
<html>
<head>
<title>department</title>
29. Page 29 of 32
8. Develop an HTML document for a web page of your favourite
teacher. Design page with an attractive background colour, text
colour & background image.
SOURCE CODE:
Frame
<html>
<head>
<title> Frames </title>
</head>
<frameset cols="500,*">
<frame src="new1.html" name="f1" scrolling="no"/>
<frameset cols="1000,*">
<frame src="new.html" name="f2"/>
</html>
Frame -1
<html>
<head>
<title> frame-1 </title>
</head>
<style type="text/css">
h1{font-size:22pt;font-name:arial;color:red;}
h2{font-size:14pt;font-name:cobole;color:blue;}
body{background:ff0000;}
</style>
<body bgcolor="F0F060">
<h1 align="center">
<img src="TE.png" width="450" height="200" alt="abhi">
</h1>
<h1>
Shri S.K AACHARYA
</h1>
<h2>
was My Favorite Teacher he is a good teacher who is very popular in our school. He
commands respect from most of the students with the exception of a few wicked and
idle boys. He is widely acclaimed as a good teacher since he does not inflict severe
punishment even on the dull boys. His method of teaching is systematic and
convincing that makes some sense even for dull and idle students. Though he
teaches us English and Mathematics, he has knowledge in almost all subjects. He
never hankers after cheap popularity nor does he ever preach one practice which he
himself cannot practice. His open mindedness and staunch opposition to any act of
injustice are the features to be admired by teachers and students as well. His
popularity is never lowered in the estimation of the public also.
</h2>
</body>
30. Page 30 of 32
</html>
Frame -2
<html>
<head>
<title> frame-2 </title>
</head>
<style type="text/css">
h1{font-size:15pt;font-name:arial;color:blue;}
h2{font-size:30pt;font-name:cobole;}
body{background:ff0000;}
</style>
<body bgcolor="F0F060">
<h1>
His dealings are excellent. His knowledge in English and mathematics is vast since
he is well-read and has a vast knowledge. He has parental care and affection for all
of us and he sees that we are proper in our behaviour and are progressing in our
studies.
We enjoy his teachings and he makes his classes very interesting by citing examples
from day to day happenings and from books outside our courses. He stimulates us to
make our activities greater. He is always loving and affectionate and never a tyrant
or a hard hearted one.
As regards his extracurricular activities he is ahead of others in our school. He is a
fluent speaker and a good story writer. We are full of praise for his worthiness. The
skill in teaching has made him a lovable teacher for us in the school.
</h1>
<h1 align="center">
<img src="teacher.jpg" width="400" height="250" alt="abhi">
</h1>
</body>
</html>