Recommended
More Related Content
What's hot
What's hot (20)
Similar to Intro to HTML and CSS
Similar to Intro to HTML and CSS (20)
More from lexinamer
Recently uploaded
Recently uploaded (20)
Intro to HTML and CSS
- 1. What makes a webpage? HTML: HyperText Markup Language CSS: Cascading StyleSheet JS: JavaScript
- 2. What do they do?
- 3. Coding: It’s like building a house
- 4. Why is HTML SO important?
- 5. History of HTML and CSS http://spyrestudios.com/wp-content/uploads/html5-history-inf
- 6. HTML = Hypertext Markup Language
- 7. How HTML Works HTML uses markup tags to describe elements on a page. <tag> Text </tag> start tag end tagcontent
- 8. 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
- 9. There are about 80 HTML tags
- 10. CSS= Cascading Style Sheets
- 11. How CSS Works h1 { color: red; font-size: 12px; } selector property declarations value property value
- 12. 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
- 13. There are endless CSS tags They are both pre-defined and self-defined
- 14. HTML and CSS working together
- 15. 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)