HTML and Css

Power Point Presentation
on
Topic: HTML & CSS
Submitted by :
Himani Kathal
What is HTML?
• HTML stands for Hyper Text Markup Language.
• HTML is the standard markup language for Web
pages.
• HTML is easy to learn.
• With the help of HTML we can create our own
Website.
• HTML elements are represented by tags.
• HTML describes the structure of a Web page.
What are the uses of HTML?
 Web pages development: HTML is used for
creating pages that are displayed on the world wide
web.
 Internet navigation: This is one of the most
important uses of HTML . This navigation is
possible by utilizing the concept of Hypertext. It is
basically a text which refers to other web pages or
text and when user click on it.
 Responsive images on web pages: At the
elementary level in applications of HTML, queries
can be set to utilize the images, which are
responsive in nature.
 Client-side storage: Earlier, a user could not save
the user’s browser data that would persist across
sessions. To meet this requirement, server-side
infrastructure has to be built or user’s cookies can
be used.
 Data Entry support with HTML: HTML5 standard
and set of APIs can be used to support data entry
level of work.
 Offline capabilities usage: Once data can be stored
in the browser, the developer can think of a strategy
to make application work, when a user is
disconnected.
How HTML works ?
Example :
<!DOCTYPE html>
<html>
<head>
<title>title tag of html</title>
</head>
<body>
<h1>heading tag of html</h1>
<p>paragraph tag of html<p>
</body>
</html>
What are the advantages of HTML?
 It is widely used and easy to learn. Tags used here are
basic and in the readable format enclosed in angle
bracket.
 It is free, not necessary to buy individual software .
 It can be integrated with CSS, PHP, JavaScript and
support multiple languages.
 They are easy to download as the text (Plain text) is
compressible. The code is easy.
 HTML is static whereas HTML5 is dynamic. It is
platform independent displays in all browsers
 <!DOCTYPE> :
This tag defines the type of the document and HTML
version.
 <html> :
Above tag encloses the complete HTML programming
language document, comprises of document header
which is represented by <head>…</head> and
document body which is represented by
<body>…</body> tags.
 <head> :
head tag represents the document’s header which
can keep other HTML tags like <title>, <link> etc.
 <title> :
this tag is used inside the <head> tag to write the
document title.
 <body> :
<body> tag represents the document’s body which
keeps other HTML tags like <div>, <h1>, <p> etc.
What is CSS?
 CSS stands for Cascading Style Sheet.
 CSS is a language that describes the style of an
HTML document.
 CSS saves a lot of work. It can control the layout of
multiple web pages all at once.
 CSS allows us to utilize different attributes in order
to make the web page look beautiful, attractive or
professional.
 CSS could not be used alone and must be
integrated with HTML to implement its effect.
What are the uses of CSS?
 Compatibility:
While using CSS, a user can be stress-free with its older
language versions as it is well compatible even with the
older versions.
 E-Commerce Domain:
Uses of CSS has played a very important role in the E-
Commerce Domain. There is a different scale of
industries present in the E-Commerce domain and CSS
has helped the application frameworks styling and look-
views which are used from small to large scale
industries.
 Website Maintenance:
Another most common reason, why the uses of CSS are
important? CSS plays a very important role while
performing website maintenance. It makes website
maintenance much easier.
 Social Media Impact:
Uses of CSS in HTML frameworks are also
incorporated with the social media website
developments as well. Facebook applications can
directly correlate with the corresponding frameworks.
 Easy Accessibility:
From the accessibility point of view, applications of CSS
provides much better solutions that allow users to
update the user inter phase to suit the business
requirements.
What you can do with CSS?
 Modifying web page structure :
We can change the shape of the table and divs that
gives the structure to the web page. It offers the
attributes that could be used to curve the vertices of
the rectangle and do a lot of such things.
 Working with font :
It allows us to change the font and the color of the
text. We can choose either of the colors by merely
writing its name in the corresponding attribute. In
simple words, it can decorate the texts as well.
 Improves user experience :
By using the cascading style sheet developer can
enhance the quality of web page that will eventually
end up with the amazing user experience. It also
makes navigation easy for users.
 Create good effects :
By using CSS once can implement the effects like
shadow effect which makes the things look very
attractive. The shadow generation could take part in
the structure and the other elements like text as well.
What are the advantages of HTML?
 Simplifies user interface :
Sometimes the web page that is designed merely
using HTML looks very horrible to work with. Adds
the amaze to the web page and make it look cool
and simple so that the user can focus on their work.
 Decorate the web page :
The cascading style sheet language is used for the
decoration of the web page so that it could look
decent. There are several attributes in the CSS that
can be used collectively to design the web page.
 Customize web page layout :
It has various attributes that work with the
structure of the web page and make it the way the
developer wants.
 Easy to integrate :
Through this provides us a lot of benefits, it’s not even a
bit tough to integrate CSS with HTML.
 Easy coding :
We already understood that CSS is not a programming
language but a styling language. There are fixed and
limited numbers of attributes that one has to remember
that makes the CSS coding really very easy.
How CSS works?
 Inline CSS :
In inline CSS we put the CSS codes in one line along
with the HTML tag. Usually, we use the inline CSS when
we have to use that format only once or if the formatting
needs just a few attributes to be added.
 Internal CSS :
The cascading style sheet is said to be internal when the
features have been assigned to any tag so that wherever
the tag is defined, it will by default inherit all the
features that are assigned to that tag. To introduce
internal, the CSS code has to be written between style
tag in the head section.
 External CSS :
It is called external because in this type a CSS file has
to be created which is then linked with the web page to
introduce the feature of the defined tags. It makes the
size of the main web page very light as no CSS codes
are required to be written that web page. All the code
will be contained in a separate CSS file which will be
linked to that web page.

HTML and Css

Uploaded by

Document Information

Original Description:

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

HTML and Css

Uploaded by

Copyright:

Available Formats

Power Point Presentation

You might also like