HTML Fundamentals: Structuring Modern, Accessible Web Pages
HTML Fundamentals is a beginner-level course of 6 lessons (about 3 h 5 min), with 18 exercises and 18 quiz questions. No prerequisites. Exercises run in the browser, with nothing to install.
- Front-end
- Beginner
- 6 lessons
- 3 h 5 min
- 18 exercises
- Exercises run in the browser
The course in brief
This course lays the foundations of every web project: writing a valid, well-structured HTML document. You will learn to mark up text, links, images, tables and forms with a focus on semantics and accessibility. Each lesson alternates explanations, in-browser exercises and quizzes, and the course ends with building a multi-page showcase website.
What you will be able to do
- Write the complete skeleton of a modern HTML page
- Structure content with headings, paragraphs, lists and semantic elements
- Insert accessible links and images
- Present data in an accessible table
- Build usable forms with labels and native validation
- Organize a small multi-page website with linked pages
Syllabus: 6 lessons
- Write the minimal skeleton of a valid HTML page
- Distinguish the roles of <head> and <body>
- Understand the notions of tag, element and attribute
- 02
Headings, Paragraphs and Lists
- Organize a text hierarchically with h1 to h6 headings
- Structure text with paragraphs, emphasis and lists
- Choose between an ordered and an unordered list
- 03
Links and Images
- Create internal links, external links and anchors
- Insert an accessible image with relevant alternative text
- Understand relative and absolute paths
- 04
Structuring a Page with Semantic HTML
- Divide a page into areas with header, nav, main, section, article, aside, footer
- Choose between a semantic element and a div
- Understand the value of semantics for accessibility and SEO
- 05
Data Tables
- Build a table with table, tr, th and td
- Structure a table with caption, thead, tbody and the scope attribute
- Know when to use (and not use) a table
- 06
Forms
- Create a form with suitable fields (text, email, tel, number, date, checkbox, radio, select, textarea)
- Associate each field with a label
- Use native validation (required, minlength, pattern, min, max)
Final project
Three-Page Showcase Website for a Small Business
Using HTML only (no CSS), build the website of a business or association of your choice: a home page, a services or pricing page, and a contact page. The site must be semantic, accessible and navigable.
Deliverables
- index.html: header with logo and navigation, introduction, at least one image with a caption, footer
- services.html: list of services and a pricing table with caption, thead and scope
- contact.html: a complete contact form (labels, suitable types, native validation) and opening hours
- Identical navigation on all three pages with working relative links
Assessment criteria
- Valid skeleton on each page (doctype, lang, charset, viewport, unique and descriptive title)
- Correct heading hierarchy: one h1 per page, no skipped level
- Relevant use of header, nav, main, section/article and footer
- All images have a suitable alt as well as width and height
- Accessible table and a form where every field has a label and a name
- Indented code, with no incorrectly closed tags
Frequently asked questions
Do I need prior knowledge to take this HTML course?
No. The course starts from zero: all you need is a browser. The exercises are done directly in the platform.
How long does it take to learn the basics of HTML?
Allow about 3 hours for the six lessons and 1.5 hours for the final project. Mastery then comes with practice, especially by combining HTML and CSS.
What is the difference between HTML and CSS?
HTML describes the structure and meaning of content (headings, paragraphs, forms). CSS handles appearance (colors, sizes, layout). This course covers HTML; the CSS Fundamentals course follows it.
Is semantic HTML important for SEO?
Yes. A clear heading hierarchy, elements such as main, article or nav, and relevant alternative text help search engines understand the page, and improve accessibility.
This course, told for your job
Say what you want to be able to do: “HTML Fundamentals” takes its place in your path, with examples from your field. The concepts stay those of the course.