Front end web

development
Different between web • A web browser is an application,
like Chrome, Firefox, Edge, or Safari,
browser and web pages? that is designed for displaying web
pages.
 What is web made of?
The web is collection of documents written in HTML, link with images, videos.

What is language ?

A language is a system of communication which consists of a set of sounds and written

symbols which are used by the people of a particular country or region for talking or writing.

Web is Hypertext system: ability to refer to other information ia also used whenever a web page
include on image or video.
Web Pages and
Servers
• A browser gets web pages by communicating
with servers over the internet.

• Servers are computers that have programs

running on them which answer a browser’s
requests.
How Web send Request to Server?

Indext.html

Indext.html

The Rule for how they request and respond are Hypertext Transfer Protocol.
Some of Concepts

• WWW: The World Wide

Web is an interconnected
system of public webpages
accessible through the
Internet.
Concepts

1-Hosting: s the business of

Free, Payment
housing, serving, and maintaining files SLA(server level agreement)
for one or more Web sites.

2-Domain: In general, a domain is an area of control or a sphere of knowledge.

(.com, .org, .net)

IP internet protocol communication protocols used to interconnect network

devices on the internet. (google, Facebook)
HTML Language

HTML
 what do you think
the H in HTML stands for?

HTML

HTML (HyperText Markup

Language)
 Text that the user will read in
their browser,

Markup, which tells the

HTML jobs? browser what that text should
look like, or how it's arranged.

References to include other

documents and files, like
images and videos
What is HTML?

• HTML stands for Hyper Text Markup Language

• HTML is the standard markup language Text that has a special
meaning for creating Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements label pieces of content such as "this is a heading",
"this is a paragraph", "this is a link", etc.
 HTML Editors
• Web pages can be created and modified by using professional HTML
editors. Visual studio code

• However, for learning HTML we recommend a simple text editor like

Notepad (PC) or TextEdit (Mac).
Html Page Structure

Elements
What is HTML Element?
• An HTML element is defined by a start tag, some content, and an end
tag:

<tagname> Content goes here... </tagname>

HTML Headings: • HTML headings are defined with
the <h1> to <h6> tags.
• <h1> defines the most important
heading. <h6> defines the least important
heading:
HTML Paragraphs
HTML Links
HTML Images
HTML Formatting Elements
Bold
strong
italic
Mark
Review