GOVIND VIDYALAYA,
TAMULIA
SESSION:2021-22
Name:Mohammad Ateeb Ahmad Siddiqui
Class:10
Section:C
Roll No:26
1
INFORMATION TECHNOLOGY
PROJECT REPORT
ON
SCHOOL WEBSITE USING
HTML
2
ACKNOWLEDGEMENT
In the very beginning, I would like to take the opportunity to
express my gratitude to the Almighty God, for keeping me in
good health all through this grueling project work. With immense
pleasure and sincerity, I also express my gratitude and honor to
the principal Mr.Sanjay K.R Singh.
I place on record my sincere gratitude and appreciation to my
project guide Mrs. Jashan Ma’am for her kind cooperation and
guidance which enabled me to complete this project on time. I
take this opportunity to thank my parents, friends and everyone
who helped me to complete this task.
3
INDEX
SNO. CONTENT PAGE NO.
1. What is HTML? 5-6
2. Objective of the Project 7
3. Source Codes and Outputs:
I. Opening webpage 8-9
II.About us 11-12
III.Infrastructure 12-13
IV.Admission 14-15
V.Motto 16-17
VI.Curriculum 18-20
VII.Extracurricular activities 21-23
4. Bibliography 24
4
WHAT IS HTML?
HTML (Hypertext Markup Language) is used to create documents on
the World Wide Web. It is simply a collection of certain keywords
called ‘Tags’ that are helpful in writing the document to be displayed
using a browser on the Internet. It is a platform independent language
that can be used on any platform such as Windows, Linux, Macintosh,
and so on. To display a document on the web it is essential to mark-up
the different elements (headings, paragraphs, tables, and so on) of the
document with the HTML tags. To view a mark-up document, the
user has to open the document in a browser. A browser understands
and interprets the HTML tags, identifies the structure of the document
(which parts are which) and makes decisions about presentation (how
the parts look) of the document. HTML also provides tags to make the
document look attractive using graphics, font size and colors. Users
can make a link to the other document or the different section of the
same document by creating Hypertext Links also known as
Hyperlinks.
OBJECTIVES OF HTML:
● create, save and view a HTML document
● format a web page using section heading tags
● describe Ordered and Unordered lists
● explain graphics in HTML document
● describe hypertext links and making text/image links
WORKING WITH LINKS:
Web pages are linked to one another through Hypertext Links.
Section of text or image in the HTML document can be linked to an
external document or to a specific place within the same document.
The text or image that provides such linkage is known as Hypertext or
Hotspot. HTML provides Anchor Tag to create links. The format of
5
using anchor tag is as follows: Make Me The Link HREF (HyperLink
Reference) is a mandatory attribute used to refer to the URL of the
resource. URL (Uniform Resource Locator) is an address that tells the
browser about the file to link to. It identifies file locations (Addresses)
on the web or on the local hard drive. These addresses can be those of
HTML documents or elements such as images, scripts, applets and
other files. It is always enclosed in quotes.
6
OBJECTIVE OF THE PROJECT
In this project, we will be designing a webpage using HTML,
including hyperlinks and images. Using this program we will be able
to know about the school in an easier and better way. The webpage
consists of the following information:
1. The first page: This page is the first page that you will see as
soon as you open the program. In this page you will have
hyperlinks to the about us page, admission,curriculum of the
school, motto of the school, infrastructure and the
extra-curricular activities page.
2. About us: This is the first hyperlink, clicking on this will take
us to a page that will tell us about the school
3. Infrastructure: This is the second hyperlink, which will take us
to a page which tells us about the infrastructure of the school,
and the amenities provided by them.
4. Admission: This webpage gives us some information about the
admission process of the school, how to apply, when to apply
etc.
5. Motto: Then comes the next hyperlink, which upon clicking
will tell us the motto of the school and the meaning behind it.
6. Curriculum: This hyperlink leads us to a page which mentions
what kind of syllabus the school follows and what subjects are
taught according to the classes.
7. Extra-curricular Activities: This gives us information on what
extracurricular activities are provided by the school for the
students.
7
SOURCE CODE AND OUTPUTS
● SOURCE CODE FOR OPENING WEBPAGE:
8
● OUTPUT
9
● SOURCE CODE FOR “ABOUT US” WEBPAGE
10
● OUTPUT
11
● SOURCE CODE FOR “INFRASTRUCTURE”
WEBPAGE
12
● OUTPUT
13
● SOURCE CODE FOR “ADMISSION” WEBPAGE
14
● OUTPUT
15
● SOURCE CODE FOR “MOTTO” WEBPAGE
16
● OUTPUT
17
● SOURCE CODE FOR “CURRICULUM”
WEBPAGE
18
● OUTPUT
19
20
● SOURCE CODE FOR “EXTRACURRICULAR
ACTIVITIES” WEBPAGE
21
● OUTPUT
22
23
BIBLIOGRAPHY
1.Computer Applications for Class X by Sumita Arora
2. www.jsfiddle.net
24
