Presented by:

Grade 10 Timothy

Kheith Nikolai Arellano Mark Anthony Serquiña Michaela Angela Dichoso

Joziel Bañaga Mark Jade Tangonan Danielle Bernadette Mariano
Ej Karl Eugenio Harold Ringor Maxim Mendoza
John Clifford Domingo Precious Angel Abila Carylle Ortouste
Reingel Mark Ferrer Zarina Alcaraz Joyce Sherey Pascual
Rovin Lester Geronimo Jeramie Elyss Acosta Rainheart Roque
Jun Joshua Gordolan Stephanie Joyce Alvarez Coreen Allyvel Santos
Alexis Josh Masa Romelda Baichon Sigrid Aishi Sicmaten
Jaim Ymmanyuel Quitoriano Antonette Bernal Lj Tomas
Jancen Mar Rodavia Jn Frances David

Presented to:
Ms. Wilmar V. Galapia
Computer Teacher

February 2020
 PREFACE

Learning Hypertext Markup Language (HTML) and Extensible Hypertext Markup Language (XHTML)

is like learning any new language, computer or human. Most students first immerse themselves in

examples. Studying others is a natural way to learn, making learning easy and fun. Our advice to anyone

wanting to learn HTML and XHTML is to get out there on the World Wide Web with a suitable browser

and see for yourself what looks good, what's effective, what works for you. Examine others' documents

and ponder the possibilities. Mimicry is how many of the current webmasters have learned the language.

Imitation can take you only so far, though. Examples can be both good and bad. Learning by example

will help you talk the talk, but not walk the walk. To become truly conversant, you must learn how to

use the language appropriately in many different situations. You could learn all that by example, if you

live long enough. Remember, too, that computer-based languages are more explicit than human

languages. You've got to get the language syntax correct or it won't work. Then, too, there is the

problem of "standards." Committees of academics and industry experts define the proper syntax and

usage of a computer language like HTML. The problem is that browser manufacturers like Netscape

Communications Corporation (now an America Online company) and Microsoft Corporation choose the

parts of the standard they will use and which parts they will ignore. They even make up their own parts,

which may eventually become standards. Standards change, too. As we write this current edition, HTML

is undergoing a conversion into XHTML, making it an application of the Extensible Markup Language

(XML). HTML and XHTML are so similar that we often refer to them as a single language. But there

are key differences; more about this later in the preface. To be safe, the way to become fluent in HTML

and XHTML is through a comprehensive, up-to-date language reference that covers the language

syntax, semantics, and variations in detail to help you distinguish between good and bad usage. There's

one more step leading to fluency in a language. To become a true master of the language, you need to

develop your own style. That means knowing not only what is appropriate, but what is effective. Layout

matters. A lot. So does the order of presentation within a document, between documents, and between

document collections. Our goal in writing this book is to help you become fluent in HTML and
XHTML, fully versed in their syntax, semantics, and elements of style. We take the natural learning

approach, using examples: good ones, of course. We cover every element of the currently accepted

versions (HTML 4.01 and XHTML 1.0) of the languages in detail, as well as all of the current

extensions supported by the popular browsers, explaining how each element works and how it interacts

with all the other elements. And, with all due respect to Strunk and White, throughout the book we will

give you suggestions for style and composition to help you decide how best to use HTML and XHTML

to accomplish a variety of tasks, from simple online documentation to complex marketing and sales

presentations. We'll show you what works and what doesn't, what makes sense to those who view your

pages, and what might be confusing. In short, this book is a complete guide to creating documents using

HTML and XHTML, starting with basic syntax and semantics, and finishing with broad style guidelines

to help you create beautiful, informative, accessible documents that you'll be proud to deliver to your

browsers.

ii
 ACKNOWLEDGEMENT

We want to use this opportunity to express our appreciation and gratitude to God almighty for his

mercies and protection over us and for giving us the ability to complete this project. May the almighty

God strengthen them and enlighten them more in the teaching profession. We also want to express our

gratitude to Teacher Wilmar V. Galapia, who has been guiding us with the project she has given to us,

her students, And to all our relatives and friends who shared their support either financially, morally

and physically. We really appreciated it, Thank you!

iii
 DEDICATION

This project consumed huge amount of work, research and dedication. Still, implementation would not

have been possible if we did not have a support of many individuals. Therefore we would like to extend

our sincere gratitude to all of them:

To our beloved parents, who have been our source of inspiration, and gave us strength when we

thought of giving up, who continually provide their moral, spiritual, emotional, and financial support.

To our brothers, sisters, relatives, friends, classmates and specially to our computer teacher, Ms.

Wilmar V. Galapia who shared their words of advice and encouragement to finish this task.

And lastly, to the Almighty God. Thank you for the guidance, strength, power of mind, protection

and skills and for giving us a healthy life. All of these, we offer to you.

iv
 TABLE OF CONTENTS

Title Page …i

Preface …ii

Acknowledgement …iii

Dedication …iv

Table of Contents …v

Part I

Introduction…………………………………………………………………………………………..1

Developing a Publishing Plan………………………………………………………………………..5

Purpose Statement……………………………………………………………………………………6

Target Audience……………………………………………………………………………………...7

Expected Outcome…………………………………………………………………………………...8

Part II

Web Page Structure

Skeletal Layout

Part III

Web Page Output

Web Page Source Code

v
 INTRODUCTION

There are over 1.5 Billion websites that can be found in the World Wide Web today. They can

come in a variety of topics such as games, news, science, glamour and many more. People just seem to

know how to make these websites. They make it look so easy as if taking candy from a baby. So. How

do we make a website?

The World Wide Web (WWW), commonly known as the Web, is an information system where

documents and other web resources are identified by Uniform Resource Locators, which may be

interlinked by hypertext, and are accessible over the Internet. The resources of the WWW are transferred

via the Hypertext Transfer Protocol (HTTP) and may be accessed by users by a software application

called a web browser and are published by a software application called a web server.

English scientist Tim Berners-Lee invented the World Wide Web in 1989. He wrote the first web

browser in 1990 while employed at CERN near Geneva, Switzerland. The browser was released outside

CERN in 1991, first to other research institutions starting in January 1991 and then to the general public

in August 1991. The World Wide Web has been central to the development of the Information Age and

is the primary tool billions of people use to interact on the Internet.

Web resources may be any type of downloaded media, but web pages are hypertext media that have

been formatted in Hypertext Markup Language (HTML). Such formatting allows for embedded

hyperlinks that contain URLs and permit users to navigate to other web resources. In addition to text,

web pages may contain references to images, video, audio, and software components which are

displayed in the user's web browser as coherent pages of multimedia content.

 Multiple web resources with a common theme, a common domain name, or both, make up a

website. Websites are stored in computers that are running a program called a web server that responds

to requests made over the Internet from web browsers running on a user's computer. Website content can

be largely provided by a publisher, or interactively where users contribute content or the content

depends upon the users or their actions. Websites may be provided for a myriad of informative,

entertainment, commercial, governmental, or non-governmental reasons.

The Internet (portmanteau of interconnected network) is the global system of interconnected

computer networks that uses the Internet protocol suite (TCP/IP) to link devices worldwide. It is a

network of networks that consists of private, public, academic, business, and government networks of

local to global scope, linked by a broad array of electronic, wireless, and optical networking

technologies. The Internet carries a vast range of information resources and services, such as the inter-

linked hypertext documents and applications of the World Wide Web (WWW), electronic mail,

telephony, and file sharing.

The origins of the Internet date back to research commissioned by the federal government of the

United States in the 1960s to build robust, fault-tolerant communication with computer networks. The

primary precursor network, the ARPANET, initially served as a backbone for interconnection of

regional academic and military networks in the 1980s. The funding of the National Science Foundation

Network as a new backbone in the 1980s, as well as private funding for other commercial extensions,

led to worldwide participation in the development of new networking technologies, and the merger of

many networks. The linking of commercial networks and enterprises by the early 1990s marked the

beginning of the transition to the modern Internet, and generated a sustained exponential growth as

generations of institutional, personal, and mobile computers were connected to the network. Although

the Internet was widely used by academia in the 1980s, commercialization incorporated its services and

technologies into virtually every aspect of modern life.

 Most traditional communication media, including telephony, radio, television, paper mail and

newspapers are reshaped, redefined, or even bypassed by the Internet, giving birth to new services such

as email, Internet telephony, Internet television, online music, digital newspapers, and video streaming

websites. Newspaper, book, and other print publishing are adapting to website technology, or are

reshaped into blogging, web feeds and online news aggregators. The Internet has enabled and

accelerated new forms of personal interactions through instant messaging, Internet forums, and social

networking. Online shopping has grown exponentially both for major retailers and small businesses and

entrepreneurs, as it enables firms to extend their "brick and mortar" presence to serve a larger market or

even sell goods and services entirely online. Business-to-business and financial services on the Internet

affect supply chains across entire industries.

The Internet has no single centralized governance in either technological implementation or

policies for access and usage; each constituent network sets its own policies. The overreaching

definitions of the two principal name spaces in the Internet, the Internet Protocol address (IP address)

space and the Domain Name System (DNS), are directed by a maintainer organization, the Internet

Corporation for Assigned Names and Numbers (ICANN). The technical underpinning and

standardization of the core protocols is an activity of the Internet Engineering Task Force (IETF), a non-

profit organization of loosely affiliated international participants that anyone may associate with by

contributing technical expertise. In November 2006, the Internet was included on USA Today's list of

New Seven Wonders.

Short for HyperText Markup Language, the authoring language used to create documents on the

World Wide Web. HTML is similar to SGML, although it is not a strict subset. HTML defines the

structure and layout of a Web document by using a variety of tags and attributes.
 Web browsers receive HTML documents from a web server or from local storage and render the

documents into multimedia web pages. HTML describes the structure of a web page semantically and

originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs, images and other

objects such as interactive forms may be embedded into the rendered page. HTML provides a means to

create structured documents by denoting structural semantics for text such as headings, paragraphs, lists,

links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags

such as <img /> and <input /> directly introduce content into the page. Other tags such as <p> surround

and provide information about document text and may include other tags as sub-elements. Browsers do

not display the HTML tags, but use them to interpret the content of the page.

HTML can embed programs written in a scripting language such as JavaScript, which affects the

behavior and content of web pages. Inclusion of CSS defines the look and layout of content. The World

Wide Web Consortium (W3C), former maintainer of the HTML and current maintainer of the CSS

standards, has encouraged the use of CSS over explicit presentational HTML since 1997.

In the end. Making a website is hard. It even takes a lot of numerical indicators just for a single

word to turn blue. But we can show that it is not hard at all because this is what we made.
 DEVELOPING A PUBLISHING PLAN

In the process of making the website, it started with a big smile in our faces excited in making our

very first steps. But then we had to face tough challenges but with our unity we faced them. Through the

process you may develop certain skills in terms of HTML scripting like presentation, graphics, design,

articles, and etc. Time was also our enemy in the process of generating this website, but I saw in each

one of us my classmates of 10 timothy exerting their full effort in the excursion of making this

wonderful website.
 PURPOSE STATEMENT

Overall Topic:

This web page is about JET Montessori School of Ramon, Incorporated. Basic informations, and
frequently asked questions like who, where, and what were also included in this web page.

General Objectives:

1. To give reasons why should you choose JET Montessori School

2. To promote JET Montessori School through this web page
3. To help others to be familiarized and get acquainted on the said school

Specific Objectives:

1. To encourage more enrolees here at JET Montessori School. Because here, we provide quality
education and safety for our students.

2. To help you save more money because JET Montessori School offers discounts and privileges.

3. To prove that you’ll never regret upon enrolling your child here at JETMS.

4. To help your child on the strand he/she chose whether HUMSS, ABM, TVL, etc.
 TARGET AUDIENCE

It has one target audience in mind. The value propositions, testimonials, content and calls-to-

action are all geared towards engaging the prospective students. However, we the creators of this web

page still made a content for alumni and parents. And Others:

 Anyone that is interested in HTML

 Anyone under Computer Profession

 I.T graduates

 Secondary Level students and above

 Or even Lower grade students who wants to visit the webpage

 EXPECTED OUTCOMES

Upon making, we the creators of this web page do expect positive feedbacks and responses

coming from the people who saw and browsed our web page. We also expect that people will be more

interested in this school. We hope that parents, and guardians will have an urge to enrol their child

here. Let be this page be a help to make their minds.