Introduction to HTML5+CSS
•
5 j'aime•1,381 vues
Brief introduction to HTML5+CSS for designers.
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (20)
Similaire à Introduction to HTML5+CSS
Similaire à Introduction to HTML5+CSS (20)
Plus de Ramses Cabello
Dernier
Dernier (20)
Introduction to HTML5+CSS
- 1. INTRODUCTION TO HTML5 + CSS ramses.cabello@gmail.com @ramsescabello
- 2. why the hell do you have to learn HTML5 + CSS ?
- 3. why the hell do you have to learn HTML5 + CSS ? YOU ARE A DESIGNER.
- 4. Ok. So now... What is HTML ?
- 5. Ok. So now... What is HTML ?
- 6. Computers don’t think, but YOU DO!.
- 7. HTML is the language used by you to write websites and therefore help computers communicate.
- 8. Computers translate HTML into our language using a tool called Browser.
- 9. What is the structure of HTML language?
- 12. Website Title Author Description <head> The content of the web. <body> HTML is like you.
- 13. HTML is like you. CSS defines your style.
- 14. HTML is like you. CSS defines your style.
- 15. Just in case you missed out.
- 16. HTML defines the content. Hello World!
- 17. HTML defines the content. CSS defines the style. Hello World!
- 18. before we get started! 1 Get paper & pen 2 Download a great Open Source editor www.brackets.io 3 Have a lot of patience. Learning takes time. You can do it.
- 19. html syntax <html> Name of the function Function starts Function ends
- 20. html syntaxhtml syntax every beginning has an end. <html> content </html>
- 21. <body> <p>Hello</p> </body> html syntaxhtml syntax BE CLEAN! Indent all your code.
- 22. <body> <p>Hello</p> </body> html syntaxhtml syntax BE CLEAN! Indent all your code.
- 23. html syntax Sample tag: Paragraphs <p>Here you would write all the text from the paragraph</p>
- 24. html syntax Sample tag: Images <img src=”name.jpg” alt=”” />
- 25. html syntax Sample tag: Images <img src=”name.jpg” alt=”” /> Some HTML tags close themselves. Inside a tag you can have variables.
- 26. html syntax Sample tag: Links <a href=”url” alt=””> Name of the link </a>