HTML & CSS Masterclass
•
40 likes•11,142 views
Masterclass about HTML and CSS, including the new HTML5 structure elements. Great for beginners.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to HTML & CSS Masterclass
Similar to HTML & CSS Masterclass (20)
Recently uploaded
Recently uploaded (20)
HTML & CSS Masterclass
- 1. <HTML> <.CSS> Masterclass 21 November
- 2. What’s HTML and CSS?
- 3. <HTML> <.CSS> Content Style
- 4. HTML It’s all about the tags
- 6. Element
- 7. Element Attribute
- 8. Element Content Attribute
- 12. Structure first What’s inside an HTML document?
- 15. <HEAD> The setup
- 20. Block or Inline
- 22. Block Inline
- 23. Block Create a new line and occupy full width
- 25. Inline Keep the flow of the document
- 27. Usually work in pairs
- 30. Most Important Elements You’ll use these 90% of the time
- 31. <DIV> The all-mighty block element
- 33. <P> Paragraph is for text
- 34. <H1> Headings from H1 to H6
- 35. <A> Link to other pages or sections
- 36. But use them wisely
- 37. HTML is semantic
- 39. Don’t suffer from divitis
- 41. Start with the structure
- 42. Hello HTML5!
- 44. <HEADER> Header for a document or section
- 46. <NAV> The new navigation menu
- 48. <SECTION> The new <div>
- 50. <ARTICLE> Blog posts, news stories, comments
- 52. <ASIDE> Related, but not really important content
- 54. <FOOTER> Footer for a document or section
- 56. A real example
- 58. <header>
- 59. <nav>
- 60. <section>
- 61. <article>
- 62. <footer>
- 63. HTML resources
- 70. Add the CSS to the page
- 72. Selectors Select element to style
- 74. Tag Class ID
- 75. Tag Class ID
- 76. You can be very specific
- 78. Be careful with the space
- 80. Properties What do you want to change?
- 82. Values Determine the behaviour of the property
- 87. Browsers have custom styling
- 92. The box-model
- 98. CSS can change everything
- 104. CSS3 is awesome
- 106. But Keep It Simple!
- 107. You don’t even need to work
- 108. There are tons of CSS frameworks
- 111. Keep learning
- 114. Questions?
- 115. Thank you! @braposo bernardo@connectcoimbra.com