HTML & CSS

 General Advice:

• In general, sketch ideas with pencil and paper before worrying about the software.
• Keep it simple.
• Build by baby steps.
• Troubleshoot one thing at a time.
• Save your work early and often!
• Give yourself permission to experiment, play, and fail!

Just 3 THINGS

1. Basic Formatting using HTML

HTML Overview

• Basic syntax: <bun>…</bun>
• Tagging paragraphs and common formatting (bold, italics, etc): <p>…</p>
• Simple hyperlinks: <a href = “…”>…</a>, both internal & external
• Working with images: <img src = “…” alt = “…” >

2. Basic Style using CSS

CSS Overview

• Basic syntax: selector { property: value }
• Divs
• Floating

3. Saving/Exporting/Hosting

• As we’ve said, save Early and Save Often!
• Let’s talk about hosting options!

HTML & CSS HELP!

---

(EMERGENCY TROUBLESHOOTING CHECKLIST)

If something’s not working right, try this:

1. Calm yourself. Breathe. You haven’t broken anything or injured anyone.
2. Check your syntax for typos or missing punctuation.
3. Check your language (are you working in HTML or CSS?) 
4. Ask your neighbor or CDEx staff.
5. Refer to the W3Schools website (https://www.w3schools.com/)
6. Google it.

To learn more about Writing for the Web, visit our tutorial here.