Class10_ProjectReport_Final
Class10_ProjectReport_Final
NNASG
PROJECT SUBMITTED BY
NAME: RAMESH SONKAR
1
Certificate by Guide
The report is truly authentic and not a copy from any source.
Date: ………………………….................
2
ACKNOWLEDGEMENT
I also owe to our school Principal Sir. Vikash Pandey for maintaining strict discipline
and allowing us to do computer practical classes with all the necessary equipments.
Beside this, I express my gratitude to our Class Teacher and all others teachers of our
school.
RAMESH SONKAR
3
Contents
4
1. General Introduction to the Project
This is a project report on HTML as recommended by NNASG. I am very thankful to NNASG for
introducing HTML in our syllabus.
HTML is the acronym for Hyper Text Markup Language. It is a computer language that is used for
creating Web pages. It is a language for describing the structure of a document. It defines a set of
common styles for Web pages. In this report I have tried to design a Web site on HTML on the topic
“India Tourism” containing six web pages including the home page. I have created hyperlinks to link all
those web pages so that we can easily navigate through the website. I also used all the possible HTML
TAGs and ATTRIBUTEs that can be useful to develop this project.
5
2. Introduction to HTML
HTML is the acronym for Hyper Text Markup Language. It is a computer language that is used for
creating Web pages. It is a language for describing the structure of a document. It defines a set of
common styles for Web pages.
Hypertext is a text stored in electronic form with cross-reference links to other pages or documents.
Markup means we start with the text of our page and markup (or add) special tags around words and
paragraphs. The tags indicate different parts of the page, add extra features and produce different effects
when the file is opened in the browser.
Language provides Rules and Syntax for the tags and tags. It is a scripting language, which differs
completely from programming language. HTML is across platform language, i.e., HTML documents can
be used on any type of computer or platform like Macintosh Computer, IBM Computer, UNIX, Windows
etc.
HTML tags do not specify the exact font sizes, line spacing, indents etc. which are the formatting
features generally used to control the appearance of a document in a word processor or a publishing
software.
6
3. Creation of Home page with 6 links
Home Page
7
About Us
8
Faq
9
Vision
10
Future
11
Contact
12
Source Code of School Website (Homepage)
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<link rel="stylesheet" href="css/style.css">
<style>
body{font-family:arial;
}
table, th, td {
height:80px;
}
table, th, td, img
{
text-align:center;
}
</style>
</head>
<body>
</tr>
<tr><td width="100%"colspan="6"><img src="image/bg.jpg" width="100%" height="350"></td></tr>
<tr>
<td colspan="4" class="head"><h2>Dr. Sanjayan Tripathi<br>Chairman</h2>
<p>First of all, I would like to express my heartfelt gratitude to all the Navalians who have been our family members and
extended their unconditional support to me in the journey of developing school education system since 1995. Now we
stand anxiously to greet them in the grand celebration of Naval’s Academy Silver Jubilee Year as we have to completed
25 years of uninterrupted services to the nation to cherish the goals of school education and will do in the future.</p>
<p>Naval’s Academy, one of the largest group of schools in Eastern UP, aims at imparting complete and quality
education to the children of the country beyond its ambience. We take every endevour to transform a child into a whole
man by providing holistic education. We leave no stone unturned to make the student physically fit, mentally alert,
socially sensitive, emotionally strong and spiritually awakened.</p>
<p><a href ="about.html">Read More</a></p></td>
13
<td colspan="2"><img src="image/chairman.jpg" class="img-responsive imag"></td>
</tr>
<tr>
<td><h2 style="padding:0 50px; text-align:left;">Gallery</h2><td>
</tr>
<tr>
<td><img src="image/1.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/2.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/3.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/4.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/5.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/1.jpg" style="width:200px; height:200px;"></td>
</tr>
<tr>
<td><img src="image/1.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/2.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/3.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/4.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/5.jpg" style="width:250px; height:200px;"></td>
<td><img src="image/1.jpg" style="width:200px; height:200px;"></td>
</tr>
<tr class="back">
<td colspan="2"><img src="image/logo.png" width="250" height="80"></td>
<td colspan="2"><img src="image/icon.png" width="50" height="50">Pay Fees<a href ="#">Pay Fees</a> </td>
<td colspan="2" class="social"><img src="image/facebook.png" width="20" height="20"><img src="image/twitter-
old.png" width="20" height="20"><img src="image/YOUTUBE.png" width="20" height="20"><img src="image/Pronto-
Web-Solutions-Icon.png" width="20" height="20"></td>
</tr>
</table>
</body>
</html>
14
Source Code of ‘About Us’ Link
<!DOCTYPE html>
<html>
<head>
<title>About</title>
<link rel="stylesheet" href="css/style.css">
<style>
body{font-family:arial;
}
table, th, td {
height:80px;
}
table, th, td, img
{
text-align:center;
}
</style>
</head>
<body>
</tr>
<tr>
<td colspan="4" class="head"><h2>Dr. Sanjayan Tripathi<br>Chairman</h2>
<p>First of all, I would like to express my heartfelt gratitude to all the Navalians who have been our family members and
extended their unconditional support to me in the journey of developing school education system since 1995. Now we
stand anxiously to greet them in the grand celebration of Naval’s Academy Silver Jubilee Year as we have to completed
25 years of uninterrupted services to the nation to cherish the goals of school education and will do in the future.</p>
<p>A child, who is the most wonderful creation of nature, is endowed with boundless energy and tremendous
potentials. She/he is the source material in the hands of society and education is the technique by which the society
15
turns that source material into worthy citizens. We recognize that education is a magic stone which turns clay into a
gem. That is why Naval’s Academy always shows maneuver ability and alacrity to provide suitable platforms to its
students and staff to develop their life skills mult dimensionally.</p>
<p>Besides subject teaching in class rooms, strong emphasis is given to co-curricular activities so as to relate school
leaming process to real life experiences in conformity with NCF-2005. Most important characteristic features of our
schools are that our Principals and faculty members encourage children to reflect on their own leaming and prepare to
pursue imaginative activities and questions. Inculcating creativity and initiative have been possible in the precincts of
Naval’s Academy because we perceive and treat children as participants in learning not as receivers of a fixed body of
knowledge. We create an environment of rigorous practice so that our students may emerge with higher academic
potentials equipped with multi disciplinary knowledge. EduLympics 2K19 is the latest example in this direction that
attracted thousands of talent at one place for complete four days and nights This brochure seeks to give information
succinctly</p>
<p>Naval’s Educational Society Gorakhpur and the working rules followed by>it running under the aegis of the Society.
Conspicuous features of the schools have also been hinted at, where felt necessary. We hope that students, parents,
teachers and all other stake holders will appreciate our efforts to make each branch of Naval’s Academy into an
Exclusive Knowledge Imparting Zone.</p>
<p>Naval’s Academy, one of the largest group of schools in Eastern UP, aims at imparting complete and quality
education to the children of the country beyond its ambience. We take every endevour to transform a child into a whole
man by providing holistic education. We leave no stone unturned to make the student physically fit, mentally alert,
socially sensitive, emotionally strong and spiritually awakened.</p>
</tr>
<tr class="back">
<td colspan="2"><img src="image/logo.png" width="250" height="80"></td>
<td colspan="2"><img src="image/icon.png" width="50" height="50">Pay Fees<a href ="#">Pay Fees</a> </td>
<td colspan="2" class="social"><img src="image/facebook.png" width="20" height="20"><img src="image/twitter-
old.png" width="20" height="20"><img src="image/YOUTUBE.png" width="20" height="20"><img src="image/Pronto-
Web-Solutions-Icon.png" width="20" height="20"></td>
</tr>
</table>
</body>
</html>
16
Source Code of ‘Faq’ Link
<!DOCTYPE html>
<html>
<head>
<title>Faq</title>
<link rel="stylesheet" href="css/style.css">
<style>
body{font-family:arial;}
table, th, td {height:80px;}
table, th, td, img
{text-align:center;}
</style>
</head>
<body>
</tr>
<tr>
17
<td colspan="6" class="head"><h2>Que.1. why we the best in Gorakhpur
school?</h2>
<p>Ans. The annual EWISR study, which rates India's premier 1,000 schools in
10 categories, is regarded as one of the world's most comprehensive, in-depth
and extensive school-evaluation surveys.</p>
<h2>Que.2. why our Faculty is best in school?</h2>
<p>Imagine being mentored by the great minds you most respect. Imagine
learning from New York City’s most renowned industry experts. Imagine
participating in intensive seminars led by faculty on the forefront of research
and scholarship.</p>
<h2>Que.3. why we are number one in sport?</h2>
<p>Ans. "We Are Number One" is a song from the English language Icelandic
children's television series LazyTown, composed by Máni Svavarsson. The song
was featured in the twelfth episode of the show's fourth season, entitled
"Robbie's Dream Team", which is the 103rd episode overall.[2]</p>
<p>Ans. The annual EWISR study, which rates India's premier 1,000 schools in
10 categories, is regarded as one of the world's most comprehensive, in-depth
and extensive school-evaluation surveys.</p>
<h2>Que.2. why our Faculty is best in school?</h2>
<p>Imagine being mentored by the great minds you most respect. Imagine
learning from New York City’s most renowned industry experts. Imagine
participating in intensive seminars led by faculty on the forefront of research
and scholarship.</p>
<h2>Que.3. why we are number one in sport?</h2>
<p>Ans. "We Are Number One" is a song from the English language Icelandic
children's television series LazyTown, composed by Máni Svavarsson. The song
was featured in the twelfth episode of the show's fourth season, entitled
"Robbie's Dream Team", which is the 103rd episode overall.[2]</p>
</tr>
<tr class="back">
<td colspan="2"><img src="image/logo.png" width="250" height="80"></td>
18
<td colspan="2"><img src="image/icon.png" width="50" height="50">Pay
Fees<a href ="#">Pay Fees</a> </td>
<td colspan="2" class="social"><img src="image/facebook.png" width="20"
height="20"><img src="image/twitter-old.png" width="20" height="20"><img
src="image/YOUTUBE.png" width="20" height="20"><img src="image/Pronto-
Web-Solutions-Icon.png" width="20" height="20"></td>
</tr>
</table>
</body>
</html>
19
Source Code of ‘Vision’ Link
<!DOCTYPE html>
<html>
<head>
<title>Vision</title>
<link rel="stylesheet" href="css/style.css">
<style>
body{font-family:arial;}
table, th, td {height:80px;}
table, th, td, img
{text-align:center;}
</style>
</head>
<body>
</tr>
20
<tr>
<td colspan="6" class="head2"><h2>Our Vision</h2>
<p>It founded in 1995 by the visionary late Professor Satya Narayan Tripathi,
Naval’s National Academy is a distinguished educational institution dedicated
to nurturing young minds from nursery to the 12th grade. With a legacy of
excellence and a commitment to providing holistic education, our school stands
as a shining example of educational innovation and leadership, Our dedicated
faculty is committed to imparting knowledge and fostering critical thinking. They
are experts in their respective fields and provide mentorship that goes beyond
the classroom.At the heart of our educational philosophy lies a profound vision:
to provide holistic education that empowers children to become not just
knowledgeable individuals but good human beings, future leaders of their own
lives, and contributors to society and the environment We believe that
education extends far beyond textbooks and classrooms ,We empower our
students to take charge of their destinies.</p>
<p>In the grand tapestry of human achievement, a set of unwavering principles
stands as the foundation upon which great nations are built. Hardwork,
discipline, devotion, dedication, and the spirit of nation-building are these very
cornerstones of progress, Hardwork is the sweat and toil that transforms
dreams into reality. It is the persistent effort, the late nights, and the early
mornings. </p>
</tr>
<tr>
<td colspan="6" class="head2"><h2>Our Mission</h2>
<p>Professor Satya Narayan Tripathi, our esteemed founder, was a true
visionary who believed in the power of education to transform lives. His
dedication and foresight have been the guiding principles of our institution,
Naval’s National Academy offers a comprehensive and well-rounded education
that fosters intellectual, social, and emotional development. We believe in
nurturing not only scholars but also responsible citizens of the future, From
nursery to 12th grade, our school provides a nurturing and supportive
environment where students can grow and learn. We understand the unique
21
needs of each age group and tailor our approach to suit them. Naval’s National
Academy School is not just an educational institution; it’s a place where dreams
are nurtured, futures are shaped, and young minds are prepared to face the
challenges of the world with confidence and resilience. Join us on this journey of
learning and discovery.In our pursuit of quality education, we hold a steadfast
commitment to fostering a learning environment where every child can thrive.
Our approach is rooted in inclusivity, ensuring that no child is left behind , We
believe that every child, regardless of their background, abilities, or challenges,
should have equal access to quality education. We create an environment
where all children have the same opportunities to learn and grow.</p>
<p>Professor Satya Narayan Tripathi, our esteemed founder, was a true
visionary who believed in the power of education to transform lives. His
dedication and foresight have been the guiding principles of our institution,
Naval’s National Academy offers a comprehensive and well-rounded education
that fosters intellectual, social, and emotional development. We believe in
nurturing not only scholars but also responsible citizens of the future, From
nursery to 12th grade, our school provides a nurturing and supportive
environment where students can grow and learn. We understand the unique
needs of each age group and tailor our approach to suit them. Naval’s National
Academy School is not just an educational institution; it’s a place where dreams
are nurtured, futures are shaped, and young minds are prepared to face the
challenges of the world with confidence and resilience. Join us on this journey of
learning and discovery.</p>
</tr>
<tr class="back">
<td colspan="2"><img src="image/logo.png" width="250" height="80"></td>
<td colspan="2"><img src="image/icon.png" width="50" height="50">Pay
Fees<a href ="#">Pay Fees</a> </td>
<td colspan="2" class="social"><img src="image/facebook.png" width="20"
height="20"><img src="image/twitter-old.png" width="20" height="20"><img
src="image/YOUTUBE.png" width="20" height="20"><img src="image/Pronto-
Web-Solutions-Icon.png" width="20" height="20"></td>
22
</tr>
</table>
</body>
</html>
23
Source Code of ‘Future’ Link
<!DOCTYPE html>
<html>
<head>
<title>Future</title>
<link rel="stylesheet" href="css/style.css">
<style>
body{font-family:arial;}
table, th, td {height:80px;}
table, th, td, img
{text-align:center;}
</style>
</head>
<body>
<H2>Fee Chart</h2>
<p>The fee-chart for the session indicating the admission fee, monthly fee. computer fee, conveyance fee and all other
charges may be obtained from the Academy’s office. Fees will be collected quarterly between 1st to 10th of April, July,
October and January respectively. If fee is not paid by the10th of said months, late fee will be charged.
The name of the student failing to deposit the school fee even after one month from the due date will be struck off the
24
rolls without any notice. Conveyance fee for twelve months will be collected once in a year in the month of April, at the
time.</p>
<p>
The Students will be required to come to academy wearing the full set of the uniform approved and notified by the
academy. the uniform worn should be neat and clean and presentable.Any violation of this will be punishable by the
class teacher or the principle.
It’s essential to adhere to your school’s dress code, which may have specific rules about colors, logos, or styles.
Additionally, consider the weather and your own personal style when choosing your school outfit.</p>
<h2> Test and Examination</h2>
<p>
Pursuant to CBSE guidelines, Naval’s Academy strictly follows the latest pattern of tests and examinations prescribed by
the Board. From classes I to X, there shall be two Periodic Assessments (PAs) in the months of July and December
respectively and two Terminal Examinations in the end of September and February every year. The marks obtained by
the students in these PAs and Term 1 & Term 2 will be added to their final results in the form of marks and grades The
promotion to the next higher class and rank in the class will be decided on the basis of final result of the student
The portion to be taught in the class and covered in the Periodic Assessments (PAs) and Terminal Examinations will be
made known to the students in advance and their parents/guardians are expected to ensure that their wards prepare
well. In addition to the above, students may be asked to sit for class tests at the end of each chapter of their course
books.
For class XI, two Unit Tests, Half Yearly and Annual Home Exams will be conducted For class XII. the provision of Unit
Tests, chapter wise tests, Half Yearly and Pre Board exams on CBSE pattern will be applicable Final Exams of class XII are
conducted by CBSE from the last week of February Prior to this, practical exams take place in the months of January and
February.</p>
<h2>Discipline : A Warning</h2>
<p>If any student of any Branch of the Naval’s Academy is found in any act of serious indiscipline, misconduct or
misbehaviour anywhere, he/she will be rusticated forthwith, Such a student will be debarred from admission to any
other Branch of Naval’s and the Transfer Certificate, if issued in such a case, will bear the remark “Rusticated due to
indiscipline/misconduct/misbehaviour.” No appeal will be entertained for any such action taken against any student.
Any act of indiscipline/misconduct/ misbehavior, even if not of very serious nature, will be viewed seriously for
action.</p>
</tr>
<tr class="back">
<td colspan="2"><img src="image/logo.png" width="250" height="80"></td>
<td colspan="2"><img src="image/icon.png" width="50" height="50">Pay Fees<a href ="#">Pay Fees</a> </td>
<td colspan="2" class="social"><img src="image/facebook.png" width="20" height="20"><img src="image/twitter-
old.png" width="20" height="20"><img src="image/YOUTUBE.png" width="20" height="20"><img src="image/Pronto-
Web-Solutions-Icon.png" width="20" height="20"></td>
25
</tr>
</table>
</body>
</html
26
Source Code of ‘Contact’ Link
<!DOCTYPE html>
<html>
<head>
<title>Future</title>
<link rel="stylesheet" href="css/style.css">
<style>
body{font-family:arial;}
table, th, td {height:80px;}
table, th, td, img
{text-align:center;}
</style>
</head>
<body>
</tr>
<tr>
<td colspan="6" class="head2"><h2>Contact Us</h2>
<label>Your Name</label>
<input type="text" class="btn"><br>
<label>Your Email</label> 
<input type="text" class="btn"><br>
<label>Your Phone</label>
<input type="text" class="btn"><br>
<label>Subject</label>       
<input type="text" class="btn"><br>
<label>Message</label>     
<textarea rows="10" style="width:700px;"></textarea><br>
<input type="submit" value="Send Now" class="btn2">
</tr>
<tr class="back">
<td colspan="2"><img src="image/logo.png" width="250" height="80"></td>
<td colspan="2"><img src="image/icon.png" width="50" height="50">Pay Fees<a href ="#">Pay Fees</a> </td>
<td colspan="2" class="social"><img src="image/facebook.png" width="20" height="20"><img src="image/twitter-
old.png" width="20" height="20"><img src="image/YOUTUBE.png" width="20" height="20"><img src="image/Pronto-
Web-Solutions-Icon.png" width="20" height="20"></td>
27
</tr>
</table>
</body>
</html>
28
4. HTML codes for the links
The Tags and Elements that are used in the Webpage sare:
1. HTML
2. HEAD
3. TITLE
4. BODY(Attributes: BACKGROUND:BGCOLOR,TEXT,LINK,ALINK,
VLINK)
5. FONT(Attributes: COLOR,SIZE,FACE)
6. BASEFONT(Attributes: COLOR,SIZE,FACE)
7. CENTER
8. BR (Break)
9. HR(Horizontal Rule, attributes: COLOR)
10. COMMENTS
11. H2 andH3(Heading)
12. P(Paragraph)
13. B(Bold)
14. I (Italic)
15. U (Underline)
16. UL(Unordered List
17. LI (List Item)
18. IMG(Attributes: SRC,WIDTH,HEIGHT,ALT,ALIGN)
19. A(Anchor, attributes: NAME,HREF,TITLE,ALT)
29
Utility of the created Website
30
6. General Conclusion
After a long wait here I am giving the finishing touch to my Project. During
solving the topic HTML faced a lot of unwanted errors as well as programming errors.
But owing to watchful eyes of MRS PREETI SRIVASTAVA, our Computer Teacher, I can
still manage to escape from erroneous situation.
Once again I wish to thank all of those well wishers and admires who honestly
blessed me and also to the teacher of our school for their friendly behaviour towards
me.
I am also thankful to the book that have given me a lot of inspirations and
provided me with the wonderful ideas.
31
7. Bibliography
While making this project, I get lot of tips from the below mentioned books and
without which this Project cannot be fulfilled as it is:
HTML
Beside these books, I have taken help from Internet. I am also grateful to
MRS PREETI SRIVASTAVA, our respected Computer Teacher by playing an important
role in completing this Project by providing vital information about the topics needed
in the Project.
32