Practical HTML for No-Coders

Learn basic HTML skills and tools to help you mark up websites, landing pages, newsletters, and more.

Introduction

• Structuring the content of the web
• Working with CodePen

1. Understanding HTML

• What is HTML and how is it structured?
• Understanding headings and paragraphs
• Understanding lists
• Understanding nesting lists
• Creating links that go to another website
• Creating links within a page
• Challenge: What's wrong with this markup?
• Solution: What's wrong with this markup?
• Linking to PDF files
• Understanding images
• Implementing images
• Creating figures and figure captions
• Quoting text
• Understanding tables
• Working with classes, div, and span
• Posting a video in HTML
• Challenge: Marking up text
• Solution: Marking up text

Conclusion

• Moving forward with code and no-code