This will be a short open eded workshop to get you started with HTML and CSS.
It's important to learn that HTML and CSS are not programming languages, but markup langugaes - shortcut languages to tell browsers to do something.
Truly, the only way learn HTML is to make things! Make yourself a website, or write a JavaScript game... learn by doing.
We're repurposing out HTML and CSS reference from out Intro Web meeting because there is not much to teach on our part.
You should be googling, searching, tinkering, and asking questions in order to learn HTML.
Use These Resources:
- Code Academy HTML/CSS - Code Academy is a self-paced, easy to follow, tutorial in the basics of web site creation.
- HTML Cheatsheet - Here's shorthand reference for some HTML elements you might want to use. If you find something you want to use, Search "How to use to do ____"
- CSS Cheatsheet - A general way to use CSS
Note: The best way to learn HTML/CSS is to use Inspect Element
on an existing webpage to learn how existing HTML and CSS interact. Using your browser's developer tools, you can see how CSS classes and ids affect HTML display.
Note: Avoid W3Schools! W3Schools has very low quality content and generally doesn't teach you anything, Try out the Mozilla Developer Network which has excellent developer documentation.
The workshop for this meeting will be a project! You will be making your own web page using HTML and CSS.
Go check it out now, work with other people, and ask questions! You should be creative, add extra features you want to customize your own page, and work on this project on your own time too!