When will I have access to the lectures and assignments?

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

What will I get if I subscribe to this Specialization?

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

HTML: How to Build a Website

Ends tomorrow! Save on skills that make you shine with 40% off 3 months of Coursera Plus. Save now

HTML: How to Build a Website

This course is part of Full-Stack Web Development Specialization

Instructor: Professor Matthew Yee-King

Included with

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

4 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Full-Stack Web Development Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 4 modules in this course

In this course, you will learn how to design and build a simple multi-page website using HTML. Through interactive, guided lab activities on Coursera, you will create web pages with clear structure and navigation, using headings, text, images and links to organise content effectively.

You will explore how HTML and other markup languages shape the structure and meaning of web content, and why semantic markup is essential for accessibility and good web design. Using browser developer tools, you will examine the Document Object Model (DOM) and see how changes to HTML affect what appears in the browser. The course also introduces advanced HTML features such as forms, tables, embedded media and metadata. By applying these in hands-on labs, you will develop practical skills for creating accessible, usable and standards-compliant websites. By the end of this course you will be able to: 1. Design and implement multi-page, accessible websites using semantic HTML and forms, tables, and media. 2. Explain the evolution of markup languages and the role of hypertext in web architecture.

Module details

In this module, you will develop a foundational understanding of how web pages are structured and interconnected through hyperlinks. You will learn to create a basic web page using HTML, applying essential elements such as headings, paragraphs, and images to organise and present content effectively. Building on this, you will extend your work into a simple multi-page website, incorporating links to enable navigation. Alongside the practical skills, you will explore the concept and history of markup languages, gaining insight into why HTML exists and how it shapes the web. By the end of the week, you will have produced a functioning website and received feedback on your code to support further improvement.

What's included

3 videos5 readings3 assignments1 ungraded lab

3 videosTotal 19 minutes

Introduction to the specialisation and HTML course6 minutes
Introduction: Building a web page1 minute
What and why markup?12 minutes

5 readingsTotal 60 minutes

Course structure and navigation15 minutes
How to learn effectively on this course15 minutes
Course syllabus10 minutes
Model answer: A web page with basic HTML10 minutes
Where does markup come from?10 minutes

3 assignmentsTotal 29 minutes

Check you work: Build a web page with basic HTML 5 minutes
What and why markup 9 minutes
Check your understanding: Assess the webpage15 minutes

1 ungraded labTotal 30 minutes

Build a web page with basic HTML 30 minutes

This week, you will build on your HTML skills by creating a multi-page website with working hyperlinks, learning how these links form the backbone of the web. You’ll explore the concept of hypertext and why it matters, then move on to identifying common elements found in real-world websites. From there, you’ll learn what makes HTML well-formed, valid, and semantic, and why these qualities are essential for accessibility, maintainability, and ethical web design. Through guided labs, you’ll add semantic elements to your pages and validate your code to ensure it meets standards. Alongside the practical work, you’ll reflect on the relevance of hypertext today and consider why good markup is important for both users and developers. By the end of the week, you’ll have a structured, standards-compliant website and a deeper understanding of the principles that underpin modern web development.

What's included

5 videos4 readings5 assignments3 ungraded labs

5 videosTotal 36 minutes

Introduction: hyperlinks and semantic HTML1 minute
Hyperlinks: putting the web in 'interwebs' and the hyper in 'hypertext'13 minutes
Identifying common elements for real web pages7 minutes
Semantic HTML6 minutes
Well-formed and valid HTML9 minutes

4 readingsTotal 60 minutes

Make a web page with pages and links: model answer10 minutes
What is hypertext anyway?10 minutes
Semantic elements: model answer10 minutes
Ethics/theory corner: why is good markup important?30 minutes

5 assignmentsTotal 48 minutes

Check your work: Make a web page with pages and links5 minutes
Hyperlinks9 minutes
Identify common web page elements9 minutes
Well-formed and semantic HTML10 minutes
Check your understanding: Hyperlinks and semantic HTML15 minutes

3 ungraded labsTotal 90 minutes

Make a web page with pages and links30 minutes
Add semantic elements to your page30 minutes
Validate your code and fix errors30 minutes

This week you will explore the Document Object Model (DOM), which represents the structure of a web page as a tree of elements. You will learn how HTML forms this tree and how multiple pages together create the “forest” of the web. Through videos and guided activities, you will use visualisation tools to examine DOM structures and understand how elements relate to one another. You will also practise interacting with the DOM using browser developer tools, gaining hands-on experience in inspecting and modifying page content dynamically. By the end, you will be able to interpret DOM trees, connect them to the underlying HTML, and apply these skills to analyse and manipulate real-world websites.

What's included

3 videos3 assignments2 ungraded labs

3 videosTotal 24 minutes

Introduction: The data structure underneath a web page1 minute
The document object model: HTML is a tree, the internet is a forest15 minutes
Interacting with the DOM via developer tools8 minutes

3 assignmentsTotal 48 minutes

DOM review9 minutes
Interacting with the DOM9 minutes
Check your understanding: The DOM30 minutes

2 ungraded labsTotal 60 minutes

Explore DOMs with DOM visualiser30 minutes
Explore DOMs on sites you use30 minutes

This week focuses on advanced HTML features that make websites richer and more accessible. You’ll learn how to create forms for user input, build tables for structured data, and embed media such as audio, video, and iframes. You’ll also explore metadata for SEO and usability, and add semantic elements like <figure> and ARIA attributes. Through guided labs and practice quizzes, you’ll apply these techniques to enhance your site and understand why they matter for professional, standards-compliant web design.