Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Crafting Meaningful HTML

via LinkedIn Learning

Go to class Write review
Udacity Ad

Get 50% Off Udacity Nanodegrees — Code CC50

Learn More → Scrimba Ad

Our career paths help you become job ready faster

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to create HTML that not only gets things on the screen, but does so in a way that makes life easier for screen readers, scrapers, and the rest of your code.

Syllabus

Introduction
  • Craft meaningful HTML
  • Working with CodePen
  • Working with VS Code
1. Convert Content to Semantic HTML Markup
  • Explore content and add it to CodePen
  • Identify major elements of a page
  • Identify headings and paragraphs
  • Enhance an article with emphasis and links
  • Ordered, unordered, and definition lists
  • Challenge: First pass at article markup
  • Solution: First pass at article markup
2. Build the Rest of the Webpage
  • Move your code from CodePen to Visual Studio Code (VS Code)
  • Understand the head code
  • Add semantic navigation
  • Add images, figures, and figure captions
  • Add footers with address, time, and date
  • Add quotes, line breaks, and citations
  • When to use div and span elements
  • Challenge: Identify semantic problems
  • Solution: Identify semantic problems
3. Additional Useful Semantic Tags
  • Controlling breaks with or ­
  • Displaying code with , , and
  • Providing scripting alternatives with
  • Providing details with and
  • Understanding the misunderstood
Conclusion
  • Next steps

Taught by

Jen Kramer

Reviews

Start your review of Crafting Meaningful HTML

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.