Course Overview
HTML5
HTML (HyperText Markup Language) is the skeleton of every web page you've ever visited. It provides the structure and meaning — headings, paragraphs, links, images, forms, and more — that browsers render into the pages you see. Everything runs directly in your browser with no installs required.
What you will learn
- How browsers read and render HTML documents.
- Core tags: headings, paragraphs, lists, links, images, tables, and forms.
- How to group content with
divandspan, and how to reach for semantic tags instead. - Forms and all the different input types the browser natively supports.
- How to embed video, audio, and external pages with iframes.
- Modern semantic HTML5 elements that make pages more accessible and SEO-friendly.
Course outline
- Introduction to HTML — what HTML is, tags vs. elements vs. attributes, and your first complete page.
- Text Content — headings, paragraphs, emphasis, line breaks, and lists.
- Links and Images — anchor tags, image embedding, and adding styles.
- Tables and Layout — grouping with
div/span, data tables, CSS classes and IDs. - Project - Visiting Card — build a personal visiting card page with content hierarchy, image, links, and structure.
- Head and Metadata — the
<head>element, page titles,<meta>tags, and HTML entities. - Forms — form structure, text/email/password inputs, checkboxes, radio buttons, select menus, and textarea.
- Project - Contact Us Form — build a complete contact workflow with labels, inputs, validation attributes, and submission UX.
- Media and Embedding — video, audio, and iframes.
- Semantic HTML —
<header>,<nav>,<main>,<article>,<section>,<footer>,<figure>,<details>, and more. - Project - Resume — create a semantic resume page with profile, experience, skills, and contact details.
Ready to make your HTML pages look great? Continue with the CSS course after finishing this one.