Version 1.2 - Course Module Slide Options
Download
Report
Transcript Version 1.2 - Course Module Slide Options
L E S S O N
3
Module 1: HTML Basics
Cascading Style Sheets
and the World Wide Web
Consortium
L E S S O N
3
Module 1: HTML Basics
Web Page Structure
HTML is a publishing language for the Internet
H
Hyper
T
Text
M Markup
L
Language
L E S S O N
3
Module 1: HTML Basics
Using Cascading Style Sheets
•
Adds flexibility to Web pages.
•
Works in tandem with HTML.
•
Allows the formatting of pages to be easily changed.
•
Uses selectors { property1: value; property2: value; }
L E S S O N
3
Module 1: HTML Basics
Cascading Style Sheets
Study the following HTML document. In the following slides, it will be
rendered using two different style sheets.
<html><head>
<title>Using CSS</title>
<link rel="stylesheet" type="text/css" href="myNewStyle.css" />
</head>
<body>
<h1>Jack</h1>
<h2>Jack be nimble<br></h2>
Bat, bat, come under my hat,<br>
And I'll give you a slice of bacon;<br>
<ol>Twelve days of Christmas
<li>partridge in a pear tree.
<li>Turtle Doves
</ol>
L E S S O N
3
Module 1: HTML Basics
Cascading Style Sheets (CSS)
Using this CSS
Renders
body {
font-family: "Times New Roman"
;
font-size: 1.5em;
color: #777700;
•
}
h1 {
font-size:3em;
color: red;
}
h2 {
font-size: 2.5em;
color: #FFFF00;
}
L E S S O N
3
Module 1: HTML Basics
Who Owns the Web?
No one
Everyone
World Wide Web Consortium (W3C) sets the standards
Tim Berners-Lee (W3C Director and inventor of the
World Wide Web)
L E S S O N
3
Module 1: HTML Basics
Lesson Review
Why do professionals use CSS?
What kinds of things can be affected by CSS?
What is a selector? Describe its syntax.
What is W3C?
What is the role of W3C?