Scribd
Upload
59 views16 pages

Introduction To HTML, Css and Bootstrap: Presented By:-Soniya Shahi

HTML is the standard markup language used to define the structure of web pages. It uses tags to structure content into paragraphs, headings, images, and other elements. CSS is used to describe how HTML elements are displayed. CSS rules can be added to HTML documents in several ways. Bootstrap is a free front-end framework that includes HTML and CSS templates for common elements like forms, buttons, and grids. It also enables responsive design, which allows content to automatically rearrange for different screen sizes.

Uploaded by

soniya shahi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
59 views16 pages

Introduction To HTML, Css and Bootstrap: Presented By:-Soniya Shahi

HTML is the standard markup language used to define the structure of web pages. It uses tags to structure content into paragraphs, headings, images, and other elements. CSS is used to describe how HTML elements are displayed. CSS rules can be added to HTML documents in several ways. Bootstrap is a free front-end framework that includes HTML and CSS templates for common elements like forms, buttons, and grids. It also enables responsive design, which allows content to automatically rearrange for different screen sizes.

Uploaded by

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

INTRODUCTION to HTML ,CSS

and BOOTSTRAP

PRESENTED BY:-
SONIYA SHAHI
HTML

• HTML stands for Hypertext Markup Language.


• It is a standard markup language for creating
webpages.
• HTML tags allows us to define the structure of
webpage.
A Simple Html Document
HTML TAGS
• Although there are lots of tags in the HTML
specification, the most important are:
• <div>: a container, usually represents a rectangular
area with information inside.
• <img/>: an image
• <a>: a clickable link to go to another URL
<tagname>Content goes here...</tagname>
• <p>: a text paragraph
Opening tag Closing tag
• <h1>: a title (h2,h3,h4 are titles of less importance)
• <input>: a widget to let the user introduce
information
• <style>: to insert CSS rules
• <script>: to execute Javascript
• <span>: a null tag (doesn't do anything)
Using HTML Tags
Without Using HTML Tags
CSS
• CSS stands for Cascading Style Sheet.
• Typical CSS file is a text file with an extension .css which
contains a series of commands or rules.
• CSS describes how HTML elements are to be displayed.
• CSS can be added to HTML documents in 3 ways:
• Inline
• Internal
• External
CSS Rules
HTML with CSS
Bootstrap

• Bootstrap is a free front-end framework for web


development.
• Bootstrap includes HTML and CSS based design templates for
typography, forms ,buttons and many others.
• Bootstrap also gives us the ability to create responsive
designs.
What is Responsive Design?

• The design that works properly on any resolution.


• It majorly concerns with standard devices resolution.
Grid System
• Bootstrap includes a responsive grid system that allows up to
12columns across a page.
• The columns will be re-arranged automatically according to the
screen size.
THANK YOU

You might also like