Scribd
Upload
5 views

alam

The document is a project on web technology submitted by Nawed Alam, covering essential topics such as HTML, CSS, web publishing, and web hosting. It explains the structure and advantages of HTML, the role of web browsers and search engines, and how to create forms and embed media in web pages. Additionally, it introduces CSS for styling web content and outlines various HTML tags and their attributes.

Uploaded by

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

alam

The document is a project on web technology submitted by Nawed Alam, covering essential topics such as HTML, CSS, web publishing, and web hosting. It explains the structure and advantages of HTML, the role of web browsers and search engines, and how to create forms and embed media in web pages. Additionally, it introduces CSS for styling web content and outlines various HTML tags and their attributes.

Uploaded by

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

PROJECT WORK

Topic:-Web Technology
Mark:-
20
Submitted By:-
Nawed Alam
Class:-11(NEB)

Submitted To:-
Deepak Sharaf

Submission Date:-
17th April,2025
C̳o̳n̳t̳e̳n̳t̳s̳
1. INTRODUCTION
2. WEB BROWSERS AND SEARCH ENGINES
3. HTML AND ITS ADVANTAGES
4. STRUCTURE OF HTML
5. WEB PUBLISHING AND WEB HOSTING
6. BASIC TAGS OF HTML
7. FONT TAG AND ATTRIBUTES
8. TABLES IN HTML- TABLE ATTRIBUTES
9. FORMS IN HTML
10. EMBEDDING AUDIO AND VIDEO IN
HTML
11. INTRODUCTION TO CASCADING STYLE
SHEETS
1. INTRODUCTION
Web technology refers to the tools, languages, and protocols
used to create and operate websites and web applications. At
the foundation of every website is HTML (Hyper Text
Markup Language), which structures the content on the page,
such as headings, text, images, and links. CSS (Cascading
Style Sheets) works alongside HTML to control the visual
appearance of web pages, including colors, fonts, and layout.
To make websites interactive and dynamic, JavaScript is used
—it powers features like sliders, form validation, and live
updates without reloading the page. These technologies work
together in a web browser, which interprets the code and
displays it to users.
2. WEB BROWSERS AND SEARCH
ENGINES
A web browser is a software application that allows users to
view and interact with content on the World Wide Web. It
takes the HTML, CSS, and JavaScript code of a website and
renders it into a visual and interactive experience. Popular
web browsers include Google Chrome, Mozilla Firefox,
Apple Safari, Microsoft Edge, and Opera. Each browser
comes with features like bookmarks, tabs, and privacy settings
to improve user experience.
a search engine is a web-based tool that helps users find
information on the internet by entering keywords or phrases.
It indexes vast amounts of content from across the web and
returns a list of relevant websites based on the search query.
The most widely used search engine is Google.
3. HTML AND ITS ADVANTAGES
HTML stands for Hyper Text Markup Language.
It is the standard language used to create and design web pages.
✅ Advantages of HTML:

1. Easy to Learn and Use


o Simple syntax and structure
o Great for beginners starting web development
2. Widely Supported
o All browsers (Chrome, Firefox, Safari, etc.) support
HTML
o Works across platforms (Windows, Linux, mobile devices)
3. Free to Use
o No need to buy any software or license
o Just use a basic text editor and browser
4. Integrates Easily with Other Languages
o Works well with CSS for styling and JavaScript for
interactivity
o Supports embedding media (audio, video, images)
5. Flexible and Scalable
o Can be used for simple static pages or complex web apps
when combined with other tools
4. STRUCTURE OF HTML
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Welcome!</h1>
<p>This is a basic HTML page.</p>
</body>
</html>
5. WEB PUBLISHING AND WEB HOSTING
# Web Publishing

Web publishing is the process of:

1. Creating content (like text, images, videos, or code) for the


web.
2. Uploading it to a web server so it can be accessed online.
3. Maintaining and updating the site as needed.

# Web Hosting
Web hosting is a service that allows individuals or companies
to make their website accessible on the internet.

Types of web hosting:

1. Shared Hosting – Cheap, multiple sites on one server (great


for beginners).
2. VPS Hosting – More control and resources (Virtual Private
Server).
3. Dedicated Hosting – One full server just for your site (for
big/complex sites).
4. Cloud Hosting – Scalable, flexible, and reliable (like AWS,
Google Cloud).
6. BASIC TAGS OF HTML
 <html>
This is the main container for your entire web
page. Everything goes inside it.
 <head>
This holds the behind-the-scenes stuff like the
page title, links to CSS, or metadata.
 <title>
This sets the text that appears in the browser
tab.
 <body>
This contains everything you actually see on
the page — text, images, buttons, etc.
7. FONT TAG AND ATTRIBUTES
The <font> tag in old HTML was used to change how text
looks — like changing the font style, size, and color.
But now, it's considered outdated (deprecated in HTML5),
and we use CSS instead for styling.
#The <font> tag had 3 main attributes:

Attribute Description Example


face Changes the font face="Arial"
style
size Sets the font size size="5"
(1 to 7)
color="blue" or
color Sets the font color
color="#00FF00"
8.TABLES IN HTML- TABLE ATTRIBUTES
In HTML, a table is used to display data in a structured format using
rows and columns. The main tag for creating a table is <table>, and
inside it, you use <tr> to define a row. Each row contains cells, which
are created using <td> for regular data or <th>for header cells.
Header cells are usually bold and centered by default, making them
suitable for titles or labels at the top of the table.

Tables also support various attributes. For example, the border


attribute (though now often replaced by CSS) can be used on the
<table> tag to add borders around the table. The col span and row
span attributes can be used in <td> or <th> to make a cell span
across multiple columns or rows. Additionally, you can use align and
align to control horizontal and vertical alignment of text within a cell.
9. FORMS IN HTML
An HTML form is a section of a web page that allows users
to enter data, which can then be sent to a server for
processing. Forms are created using the <form> tag. Inside a
form, you can include different types of input elements such
as text fields, checkboxes, radio buttons, drop-down lists, and
submit buttons. Each input element is defined using the
<input> tag or other related tags like <text area>,
<select>, and <button>.

The <form> tag has important attributes like action and


method. The action attribute specifies the URL where the
form data should be sent when submitted, and the method
attribute determines how the data is sent—either GET (which
appends the data to the URL) or POST (which sends the data
in the background and is more secure for sensitive
information).
10. EMBEDDING AUDIO AND VIDEO IN
HTML
In HTML, you can easily embed audio and video files into a
web page using the <audio> and <video> tags. These
elements allow users to play media directly in the browser
without needing additional plugins.
The <audio> tag is used to embed sound files like .mp3.
You can include the controls attribute to show play, pause,
and volume controls for the user. Similarly, the <video> tag
is used to embed video files like .mp4. You can also add
attributes like controls to display playback controls, auto
play to make it start automatically, loop to repeat the
video, and muted to start it with the sound off Inside both
<audio> and <video> tags, you can use one or more
<source> tags to provide different file formats. This
ensures the media will play in different browsers, which may
support different formats. For example, if a browser can’t play
.mp4, it might fall back to a file.
11. INTRODUCTION TO CASCADING STYLE
SHEETS
Cascading Style Sheets (CSS) is a language used to style and
design the appearance of web pages. While HTML is used to
structure content (like headings, paragraphs, tables, etc.), CSS
is used to control how that content looks—such as colors,
fonts, spacing, layout, and overall visual presentation. With
CSS, you can make your web pages look more attractive and
user-friendly.
CSS works by selecting HTML elements and applying styles
to them. These styles can be written in three ways: inline
(directly inside HTML elements using the style attribute),
internal (within a <style> tag inside the <head> of the
HTML file), or external (in a separate .CSS file that is linked
to the HTML). The term "cascading" refers to how styles are
applied in a specific order of priority—inline styles override
internal styles, and internal styles override external ones,
unless specified otherwise.

You might also like