WELCOME-FOLKS--CSS.-AND-HTMLS.pptx

WELCOME
FOLKS!!!
PRESENTED BY:
SIOCON FRANCIS DAVE T.
URBIZTONDO, VINCENT IVAN

-stands for Hyper Text Markup Language
WHAT IS H.T.M.L?
- It is a standard markup language
for web page creation..
It allows the creation and structure of
sections, paragraphs, and links using HTML
elements (the building blocks of a web
page) such as tags and attributes.

HTML has a lot of use
cases, namely:
Web development.
Developers use HTML code to design how a browser
displays web page elements, such as text, hyperlinks, and
media files.
Internet navigation.
Users can easily navigate and insert links between
related pages and websites as HTML is heavily used to embed
hyperlinks.
Web documentation.
HTML makes it possible to organize and format
)

How Does HTML Work
The average website includes several different HTML pages.
For instance, a home page, an about page, and a contact page
would all have separate HTML files.
HTML documents are files that end with
a .html or .html extension. A web browser reads the HTML
file and renders its content so that internet users can view it.
)

How Does HTML Work
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.
The combination of these three parts will create an HTML element:
<p>This is how you add a paragraph in HTML.</p>
)

Pros and Cons of HTML
Pros:
Beginner-friendly-HTML has a clean and consistent markup,
as well as a shallow learning curve.
Support-The language is widely used, with a lot of resources
and a large community behind it.
Accessible- It is open-source and completely free. HTML runs
natively in all web browsers.
Flexible- HTML is easily integrable with backend languages
such as PHP and Node.js
)

Pros and Cons of HTML
Cons:
Static- The language is primarily used for static websites. For
dynamic functionality, you may need to use JavaScript or a
back-end language such as PHP.
Separate HTML page- Users have to create individual web
pages for HTML, even if the elements are the same.
Browser compatibility- Some browsers adopt new features
slowly- Sometimes older browsers don’t always render newer
tags.
)

-Short for cascading style sheets
WHAT IS C.S.S.?
-CSS describes reusable styles for presenting
documents written in a markup language.
Its concept was originated by Hakon Wein
Lie in 1994. In December 1996, CSS was
made a specification by the W3C, and
today allows web developers to alter the
layout and appearance of their web pages
What is CSS? (computerhope.com)
The World Wide
Web Consortium
(W3C) is the main
international
standards
organization for
the World Wide
Web.

C.S.S.?
The following box contains an example of
using CSS code to define fonts, the color
of hyperlinks, and the color of a link when
the mouse cursor hovers over. In this
specific example, we are only changing the
HTML (hypertext markup language)
tags <a> and <body>, rather than creating
any new class or id selectors.

C.S.S.?

C.S.S.?
The CSS code in the box above can be
inserted into the head section of a
page's HTML with the <style> tag shown
below. However, realize that performing
this action only applies these changes to a
single page.

C.S.S.?
To use the CSS code on multiple pages, we
suggest storing it in a separate CSS file and
link the CSS file on every page. For
example, the CSS code shown in the first
box on this page can be copied and pasted
into a file with the .css file extension.
A CSS file can be
created using
any text
editor or
even Notepad if
you're using
Windows.

C.S.S.?
Tips:
A CSS file can be created using any text
editor or even Notepad if you're using
Windows.

C.S.S.?
After the file is saved, it must be linked in the head of the HTML code using
the <link> tag.
The following box shows an example of this element in use.
<link rel="stylesheet" Type="text/css" href="URL or path to css file here">
If you named the CSS file example.css, and it's in the same directory as the
HTML file it's being loaded from, the following line would link the CSS file.
<link rel="stylesheet" Type="text/css" href="example.css">

C.S.S.?
CSS3 is the version of CSS (Cascading Style
Sheets) that replaces CSS2. It introduces
new selectors and properties that allow for
more flexibility with page layout and
presentation
Some updates,
such as the box-
shadow propert
y (which allows
an element drop
shadow), allow
visual effects to
be applied
without creating
special images.

HTML is the primary markup language
found on the internet. Every HTML page
has a series of elements that create the
content structure of a web page or
application.
HTML is a beginner-friendly language with
plenty of support and is mainly used for
static website pages. HTML works best
together with CSS for styling and JavaScript
for functionality.
)
CONCLUSION:

WELCOME-FOLKS--CSS.-AND-HTMLS.pptx

Recommended

Recommended

More Related Content

Similar to WELCOME-FOLKS--CSS.-AND-HTMLS.pptx

Similar to WELCOME-FOLKS--CSS.-AND-HTMLS.pptx (20)

Recently uploaded

Recently uploaded (20)

WELCOME-FOLKS--CSS.-AND-HTMLS.pptx

Editor's Notes