Scribd
Upload
6 views

pdf for theory part

This project report by Swaraj Subedi focuses on web technology, specifically the creation of a restaurant website using HTML and CSS. It outlines the theoretical foundations of HTML and CSS, software and hardware requirements, and concludes with the project's successful implementation and its significance in enhancing user experience. The report includes acknowledgments, a letter of declaration, and references to relevant resources.

Uploaded by

swaraj.sc1013
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

pdf for theory part

This project report by Swaraj Subedi focuses on web technology, specifically the creation of a restaurant website using HTML and CSS. It outlines the theoretical foundations of HTML and CSS, software and hardware requirements, and concludes with the project's successful implementation and its significance in enhancing user experience. The report includes acknowledgments, a letter of declaration, and references to relevant resources.

Uploaded by

swaraj.sc1013
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

A project on

WEB TECHNOLOGY

A Report about the partial fulfillment of the requirements of the internal evaluation
of Grade XI under NEB in
Computer science

of

Name : Swaraj Subedi

Section : MA1

ID Number 32473
TRINITY INTERNATIONAL SS & COLLEGE
Dillibazar Height, Kathmandu, Nepal

Date: 04/22/2025

Letter of Declaration
I hereby declare that the work presented in this project report has been done by
myself under the supervision of Mr. Sanjay Phuyal and has not been submitted
elsewhere for any examination.

All sources of information have been specifically acknowledged by references to


authors or institutions.

Date: 04/22/2025 Signature of the Student:


TRINITY INTERNATIONAL SS & COLLEGE
Dillibazar Height, Kathmandu, Nepal

LETTER OF APPROVAL

The project work submitted to Trinity International SS, by Swaraj Subedi entitled
“A Website for a Restaurant ”
has been approved as the partial fulfillment of the requirements of the internal
evaluation.

Date: 04/22/2025 Signature of Supervisor:


ACKNOWLEDGEMENT

First, I would also like to thank Sir Dayaram Yadav for a clear guidance throughout
the theoretical syllabus, providing the basis for a clear understanding.

I would like to express heartfelt gratitude to my teacher, Sir Sanjay Phuyal for his
guidance and support throughout the competition of this lab report on “HTML”.
His valuable advice and encouragement helped me gain a deeper understanding of
the topic.

I am also thankful to Trinity International S.S. / College and the Computer


Department for providing the necessary resources and a conducive environment for
learning.

I also appreciate my classmates for their support and feedback during this project.

-Swaraj Subedi
Table of Contents

UNITS Page no.

HTML Theory ............................................................................................. 7


CSS Theory ................................................................................................. 8
Software and hardware requirements .......................................................... 9
HTML Code .............................................................................................. 10
CSS Code.................................................................................................. 21
Screenshots ................................................................................................34
Conclusion ................................................................................................. 37
References ................................................................................................. 38
Theory (HTML and CSS):-

HTML
HTML, or HyperText Markup Language, is the foundational language used to create and
structure content on the web. Developed by Tim Berners-Lee in 1991, HTML has evolved
through multiple versions, with HTML5 being the current standard. It is not a programming
language but a markup language, meaning it uses tags and elements to annotate and
organize content for display in web browsers.

At its core, HTML describes the structure of a web page. It does this through a series of
elements, each defined by tags. These elements tell the browser how to interpret and display
different parts of the content. For example, headings, paragraphs, links, images, and lists are
all specified using different HTML tags. The browser reads these tags and renders the
content accordingly, but the tags themselves are not visible to users.
A basic HTML document follows a specific structure. It begins with the <!DOCTYPE
html> declaration, which tells the browser that the document uses HTML5. The <html> tag
wraps all content, acting as the root element. Inside <html>, the <head> section contains
meta-information such as the page title (shown in the browser tab), character encoding, and
links to stylesheets or scripts. The <body> section holds all the visible content, including
headings (<h1>, <h2>, etc.), paragraphs (<p>), images (<img>), links (<a>), tables, and
more.

In this example, each element is defined by a start tag (like <h1>), content, and an end tag
(like </h1>). Some elements, such as <br>, are empty and do not require an end tag14.
HTML is designed to be both human-readable and machine-readable. Its semantic elements,
such as <header>, <footer>, <nav>, and <article>, help describe the purpose of different
sections, improving accessibility and search engine optimization4. HTML also supports
embedding multimedia content, such as images, audio, and video, and can be combined with
Cascading Style Sheets (CSS) for styling and JavaScript for interactivity.
Web browsers like Chrome, Firefox, Safari, and Edge interpret HTML documents and
display them as web pages. While HTML provides the structure and content, CSS is used to
control the appearance, and JavaScript adds dynamic behavior.

In summary, HTML forms the backbone of every website. It organizes and labels content so
that browsers can present it in a structured and meaningful way. Learning HTML is the
essential first step for anyone interested in web development, as it lays the groundwork for
creating visually appealing and interactive web experiences
CSS

CSS was first proposed in 1994 by Håkon Wium Lie at CERN, as the web was growing
more complex and the limitations of HTML for styling became apparent. Originally, HTML
was intended only to describe the structure and semantics of content, not its appearance. As
web developers began using HTML tags for formatting, maintaining large websites became
time-consuming and inefficient. CSS was introduced to solve this problem by externalizing
all style information, allowing developers to control the look and feel of multiple web pages
from a single stylesheet.

CSS operates by applying style rules to HTML elements. Each rule consists of a selector,
which targets specific HTML elements, and a declaration block, which contains one or more
property-value pairs that define how those elements should be styled.

CSS can control a wide range of visual properties, including colors, fonts, spacing,
alignment, borders, backgrounds, and even complex layouts using features like Flexbox and
Grid.

Benefits of Using CSS:


● Separation of Concerns: By keeping content (HTML) and presentation (CSS) separate,
websites are easier to update and maintain. Changing the style of an entire site can be done
by editing a single CSS file.
● Reusability and Efficiency: The same CSS file can be linked to multiple HTML pages,
ensuring consistent design across a website and reducing duplication of code.
● Responsive Design: CSS supports media queries, enabling developers to create layouts that
adapt to different screen sizes and devices, making websites mobile-friendly.
● Cleaner Code: With style information removed from HTML, the markup becomes cleaner
and more semantic, which improves accessibility and search engine optimization.

Conclusion
CSS is an essential tool for web designers and developers, enabling the creation of visually
engaging, responsive, and maintainable websites. By mastering CSS, you gain the ability to
transform plain HTML content into polished, professional web pages that provide a better
user experience across all devices.
Software and hardware requirements:-

Operating system :-Windows 11/2025

Editor :-Visual Studio Code


Hardware :-intel core i5 processor, RAM
16GB, 512 GB SSD
Browser :-Brave
Conclusion
In conclusion, this project on web technology has provided valuable hands-on experience in
designing and developing a functional website for a restaurant. Through the integration of
HTML, CSS, and basic web development principles, we successfully created an engaging,
user-friendly platform that showcases the restaurant’s menu, ambiance, and services. This
project not only enhanced our technical skills in structuring content and styling web pages
but also emphasized the importance of responsive design and intuitive navigation to improve
user experience. Overall, the website serves as a practical example of how modern web
technologies can effectively promote a business and connect with customers in today’s
digital world.
References:-

1. Duckett, J. (2011). HTML and CSS: Design and build websites. Wiley.
2. https://www.w3schools.com/tags/
3. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_display/Visual_formatting_model
4. https://codestitch.app/app

You might also like