Computing (HTML, CSS, Javascript Presentation)

HTML,CSS,Javascript
Introduction
HTML, CSS, and Javascript are the main
components of web development that make
up all sites and pages we visit today. Each is
responsible for a separate piece of how a
page is displayed in your browser. You do
not need all three to make a website but it
certainly makes it easier.
1. HTML to define the content of web pages.
2. CSS to specify the layout of web pages.
3. JavaScript to program the behavior of web pages.
Table of contents
01 02
HTML CSS
Hyper-Text Markup Cascading Style Sheets
Language
03
Javascript
01 HTML
Hyper-Text Markup Language
What is HTML
HTML stands for Hyper Text Markup Language. It is
standard markup language for creating Web pages and
online applications. A hypertext is a text that is used to
reference other pieces of text, while a markup language is
a series of markings that tells web servers the style and
structure of a document. HTML describes the structure of
a Web page. It also consists of a series of elements and
these elements tell the browser how to display the
content.
HTML Tags?
The three main parts of an element are:
● Opening tag – used to state where an element starts to take
effect. The tag is wrapped with opening and closing angle
brackets. For example, use the start tag <p> to create a
paragraph.
● Content – this is the output that other users see.
● Closing tag – the same as the opening tag, but with a
forward slash before the element name. For example, </p>
to end a paragraph.
● <h1> </h1>
● <p> </p>
● <body> </body>
Types of Tags with their purpose
● <html> tag is the root element that defines the whole HTML
document.
● <head> tag holds meta information such as the page’s title
and charset.
● <body> tag encloses all the content that appears on the page.
● Heading tags – these range from <h1> to <h6>, where
heading h1 is largest in size, getting smaller as they move up
to h6.
● Paragraph tags – define a paragraph by using the <p> tag.
● List tags – have different variations. Use the <ol> tag for an
ordered list, and use <ul> for an unordered list. Then,
enclose individual list items using the <li> tag.
HTML Structure of Coding
<html>
<head>
<title> Page title </title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
</body>
</html>
Example HTML Coding
<html>
<head>
<title> Welcome to Saudia Arabia </title>
</head>
<body>
<h1> Riyadh </h1>

<p> Riyadh is the capital city of KSA…</p>
</body>
</html>
02 CSS
Cascading Style Sheets
What is CSS?
CSS stands for Cascading Style Sheets and is used to design a
web pages. Such as control the color of the text, the style of
fonts, the spacing between paragraphs, how columns are sized
and laid out, what background images or colors are used, etc. it
provides powerful control over the presentation of an HTML
document. Most commonly, CSS is combined with the markup
languages. As far as much External stylesheets are stored in CSS
files. With an external stylesheet file, you can change the look of
an entire website by changing just one file.
Benefits of CSS
• Saves a lot of time
CSS style definitions are saved in external CSS files, so it is possible to
change the entire website by changing just one file.
• Provide more attributes
CSS provides more detailed attributes than plain HTML to define the look
and feel of the website.
• Easier Website maintenance
CSS makes the maintenance of the website easier. If we require a change in
the file, it can be simply done by changing the style. The CSS file provides a
flexible look to the website, which can be altered in a convenient way. It also
makes HTML formatting and modification of corresponding data elements
easier.
Tags of CSS
• Background Color
• Font Size
• Text alignment
• Padding
• Border
• Hyperlinks
Tags of CSS
Red color ones

03 Javascript
High-Level Programming Language
What is Javascript?
JavaScript is a text based programming. It is used by
programmers around the world to create interactive web content
like different apps and browsers. JavaScript is so popular that it's
the most used programming language in the world. HTML and
CSS are languages that give structure and style to web pages,
JavaScript gives web pages interactive elements that engage a
user. You can make websites, apps, presentations, games and
many more things using JavaScript The most obvious reason for
learning JavaScript is of becoming a web developer.
Uses of Javascript?
• It is a Client-based language.
• It is a scripting language with define limitations.
• Data Verification, can prahse the data being submittined to the
server ensuring no errors.
• Websites, JavaScript lets you add behavior to the web page
where the page responds to actions without loading a new page
to request processing.
• Web Applications, As browsers and personal computers have
continued to improve, JavaScript gained the ability to create
robust web applications.
• Presentations, A very popular use of JavaScript is to create
presentations as websites. Using the Reveal.js framework, this
becomes really easy if you are familiar with HTML and CSS.
Javascript nowadays mostly used in
Thank You So
Much everyone!!
Hope you enjoyed!!

Computing (HTML, CSS, Javascript Presentation)

Uploaded by

Copyright:

Available Formats

Computing (HTML, CSS, Javascript Presentation)

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Computing (HTML, CSS, Javascript Presentation)

Uploaded by

Copyright:

Available Formats

HTML,CSS,Javascript

<h1> Riyadh </h1>

Red color ones

You might also like