Pebellslearn by building
RoadmapsMatrixCoursesSandboxSign in

Course details

HTML

Learn how the web delivers pages and how to write the HTML that structures them. You will build real documents with headings, text, links, lists and attributes, the right way from the first line.

Ready to learn6 sections · 23 lessons
Start learning

Course curriculum

The Web and Markup3 lessons

Before writing tags, understand what markup is, how HTML, CSS and JavaScript split the work, and how a web address turns into a page on your screen.

  1. What Is a Markup Language?12 min
  2. HTML, CSS and JavaScript12 min
  3. How a Page Reaches You: Domains, DNS, HTTP and Hosting12 min
HTML Syntax4 lessons

Learn the shape of every element, how browsers read and forgive your markup, and the small rules about special characters, comments and spacing that trip up beginners.

  1. Tags, Elements and Attributes12 min
  2. How Browsers Read HTML12 min
  3. HTML Entities: Writing Special Characters12 min
  4. Comments and Whitespace12 min
Document Structure4 lessons

Every page shares the same frame: a doctype, one root element, a head that describes the page and a body that holds its content. Learn each part, then assemble a complete skeleton from memory.

  1. The Doctype and the html Element12 min
  2. head and body12 min
  3. The title and meta Tags12 min
  4. Capstone: A Complete Page Skeleton12 min
Text Content5 lessons

Most of any page is text. Learn to mark up headings as an outline, separate paragraphs properly, choose between strong, em, b and i, use mark, sub and sup precisely, and write links that say where they lead.

  1. Headings: h1 to h612 min
  2. Paragraphs, Breaks, Rules and pre12 min
  3. strong, em, b and i12 min
  4. mark, sub and sup12 min
  5. Links: The a Element12 min
Grouping and Attributes4 lessons

Learn when the meaningless div and span are the right tools, and how the id, class, data-* and style attributes let you name, group and annotate elements for CSS and JavaScript.

  1. Grouping with div and span12 min
  2. id and class12 min
  3. Data Attributes12 min
  4. The style Attribute12 min
Lists3 lessons

Lists are everywhere on the web, from menus to recipes. Learn to pick between ordered and unordered lists by meaning, pair terms with descriptions, and nest lists correctly.

  1. Ordered and Unordered Lists12 min
  2. Description Lists12 min
  3. Nested Lists12 min