Scribd
Upload
27 views

Creating A Webpage, HTML, Css

HTML is the standard markup language used to define the structure of web pages. HTML uses elements represented by tags to structure content. CSS is used to style and lay out HTML elements, and is defined in external style sheets or inline in HTML. A basic HTML document structure includes html, head, title, and body tags, while common text elements are headings and paragraphs. Web browsers read HTML and use the tags to display web pages, but do not display the tags themselves.

Uploaded by

annantis
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
27 views

Creating A Webpage, HTML, Css

HTML is the standard markup language used to define the structure of web pages. HTML uses elements represented by tags to structure content. CSS is used to style and lay out HTML elements, and is defined in external style sheets or inline in HTML. A basic HTML document structure includes html, head, title, and body tags, while common text elements are headings and paragraphs. Web browsers read HTML and use the tags to display web pages, but do not display the tags themselves.

Uploaded by

annantis
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

Creating a webpage

- html & css –


- Bootstrap -

1
What is HTML?
• HTML is the standard markup language for creating Web
pages.
• HTML stands for Hyper Text Markup Language
• HTML describes the structure of Web pages using
markup
• HTML elements are the building blocks of HTML pages
• HTML elements are represented by tags
• HTML tags label pieces of content such as "heading",
"paragraph", "table", and so on
• Browsers do not display the HTML tags, but use them to
render the content of the page
2
A Simple HTML Document

3
Example Explained
• The <!DOCTYPE html> declaration defines this
document to be HTML5
• The <html> element is the root element of an HTML
page
• The <head> element contains meta information
about the document
• The <title> element specifies a title for the document
• The <body> element contains the visible page content
• The <h1> element defines a large heading
• The <p> element defines a paragraph
4
HTML Tags
HTML tags are element names surrounded by angle
brackets:
<tagname> content goes here... </tagname>
• HTML tags normally come in pairs like <p> and </p>
• The first tag in a pair is the start tag, the second tag
is the end tag
• The end tag is written like the start tag, but with
a forward slash inserted before the tag name
• Tip: The start tag is also called the opening tag, and
the end tag the closing tag.
5
Web Browsers
The purpose of a web browser (Chrome, IE, Firefox, Safari) is to
read HTML documents and display them.
The browser does not display the HTML tags, but uses them to
determine how to display the document:

6
What is CSS?
CSS stands for Cascading Style Sheets
• CSS describes how HTML elements are to be
displayed on screen, paper, or in other media
• CSS saves a lot of work. It can control the
layout of multiple web pages all at once
• External stylesheets are stored in CSS files

7
Why Use CSS?
• CSS is used to define styles for your web
pages, including the design, layout and
variations in display for different devices and
screen sizes.

8
CSS Syntax
A CSS rule-set consists of a selector and a declaration
block:

• The selector points to the HTML element you want


to style.
• The declaration block contains one or more
declarations separated by semicolons.
• Each declaration includes a CSS property name and a
value, separated by a colon.
• A CSS declaration always ends with a semicolon, and
declaration blocks are surrounded by curly braces.
9

You might also like