HTML & CSS Masterclass
•
40 j'aime•11,140 vues
Masterclass about HTML and CSS, including the new HTML5 structure elements. Great for beginners.
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (20)
Similaire à HTML & CSS Masterclass
Similaire à HTML & CSS Masterclass (20)
Dernier
Dernier (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