Introduction to HTML5+CSS
•
5 likes•1,381 views
This document provides an introduction to HTML5 and CSS. It begins by asking why someone needs to learn HTML5 and CSS, then defines HTML as the language used to write websites and help computers communicate. It explains that HTML defines the content of a web page while CSS defines the style. It provides the basic structure of an HTML page, including the <head>, <body>, and <html> tags. It also gives examples of common tags like <p>, <img>, and <a> and notes that some tags close themselves while others require an ending tag. The document concludes by providing some online resources for learning more about HTML.
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Introduction to HTML5+CSS
Similar to Introduction to HTML5+CSS (20)
More from Ramses Cabello
Recently uploaded
Recently uploaded (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>