5. intro to html and css
TRANSCRIPT
What makes a webpage?
HTML: HyperText Markup Language
CSS: Cascading StyleSheet
JS: JavaScript
What do they do?
Coding: It’s like building a house
Why is HTML SO important?
History of HTML and CSS
http://spyrestudios.com/wp-content/uploads/html5-history-infographic-web.jpg
HTML = Hypertext Markup Language
How HTML Works
HTML uses markup tags to describe
elements on a page.
<tag> Text </tag>
start tag end tagcontent
Basic HTML Document
<!DOCTYPE html><html>
<head><title>Example Web
Page</title></head>
<body><h1>Example Page</h1><p>This is a paragraph</p><a href=“link.html”>Web
link</a><! - - this is a comment in the
code - -></body>
</html>
= tag
= text on webpage
= comment
There are about 80 HTML tags
CSS= Cascading Style Sheets
How CSS Works
h1 { color: red; font-size: 12px; }
selector
property
declarations
value property value
Basic CSS Document
= selector
= property
= value
body {font-size: 12px; color: red;
}
h1 {font-weight: bold; background- color:
blue;}
#myboxhere {width: 300px;height: 200px;
}
= declarations
There are endless CSS tags
They are both pre-defined and self-defined
HTML and CSS working together
What we need to write code
• A text editor (especially one made for code writing)
Komodo Edit: http://komodoide.com/komodo-edit/
• An Internet browser (preferably Google Chrome)