Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.
Lernen Sie neue Konzepte von Branchenexperten
Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
Erwerben Sie ein Berufszertifikat zur Vorlage
In diesem Kurs gibt es 4 Module
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.
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.
Das ist alles enthalten
3 Videos5 Lektüren3 Aufgaben1 Unbewertetes Labor
Infos zu Modulinhalt anzeigen
3 Videos•Insgesamt 19 Minuten
Introduction to the specialisation and HTML course•6 Minuten
Introduction: Building a web page•1 Minute
What and why markup?•12 Minuten
5 Lektüren•Insgesamt 60 Minuten
Course structure and navigation•15 Minuten
How to learn effectively on this course•15 Minuten
Course syllabus•10 Minuten
Model answer: A web page with basic HTML•10 Minuten
Where does markup come from?•10 Minuten
3 Aufgaben•Insgesamt 29 Minuten
Check you work: Build a web page with basic HTML •5 Minuten
What and why markup •9 Minuten
Check your understanding: Assess the webpage•15 Minuten
1 Unbewertetes Labor•Insgesamt 30 Minuten
Build a web page with basic HTML •30 Minuten
Hyperlinks and semantic HTML
Modul 2•4 Stunden abzuschließen
Moduldetails
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.
Das ist alles enthalten
5 Videos4 Lektüren5 Aufgaben3 Unbewertete Labore
Infos zu Modulinhalt anzeigen
5 Videos•Insgesamt 36 Minuten
Introduction: hyperlinks and semantic HTML•1 Minute
Hyperlinks: putting the web in 'interwebs' and the hyper in 'hypertext'•13 Minuten
Identifying common elements for real web pages•7 Minuten
Semantic HTML•6 Minuten
Well-formed and valid HTML•9 Minuten
4 Lektüren•Insgesamt 60 Minuten
Make a web page with pages and links: model answer•10 Minuten
What is hypertext anyway?•10 Minuten
Semantic elements: model answer•10 Minuten
Ethics/theory corner: why is good markup important?•30 Minuten
5 Aufgaben•Insgesamt 48 Minuten
Check your work: Make a web page with pages and links•5 Minuten
Hyperlinks•9 Minuten
Identify common web page elements•9 Minuten
Well-formed and semantic HTML•10 Minuten
Check your understanding: Hyperlinks and semantic HTML•15 Minuten
3 Unbewertete Labore•Insgesamt 90 Minuten
Make a web page with pages and links•30 Minuten
Add semantic elements to your page•30 Minuten
Validate your code and fix errors•30 Minuten
The data structure underneath a web page and how to manipulate it
Modul 3•2 Stunden abzuschließen
Moduldetails
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.
Das ist alles enthalten
3 Videos3 Aufgaben2 Unbewertete Labore
Infos zu Modulinhalt anzeigen
3 Videos•Insgesamt 24 Minuten
Introduction: The data structure underneath a web page•1 Minute
The document object model: HTML is a tree, the internet is a forest•15 Minuten
Interacting with the DOM via developer tools•8 Minuten
3 Aufgaben•Insgesamt 48 Minuten
DOM review•9 Minuten
Interacting with the DOM•9 Minuten
Check your understanding: The DOM•30 Minuten
2 Unbewertete Labore•Insgesamt 60 Minuten
Explore DOMs with DOM visualiser•30 Minuten
Explore DOMs on sites you use•30 Minuten
Let's learn some more tags: forms, tables and media
Modul 4•3 Stunden abzuschließen
Moduldetails
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.
Das ist alles enthalten
5 Videos3 Lektüren1 Aufgabe3 Unbewertete Labore
Infos zu Modulinhalt anzeigen
5 Videos•Insgesamt 17 Minuten
Introduction: forms, tables and other tags•1 Minute
Forms in HTML•5 Minuten
Tables for structured data•5 Minuten
Embedding media•5 Minuten
Course summary•1 Minute
3 Lektüren•Insgesamt 30 Minuten
Add a form to the website: model answer•10 Minuten
Add a table to the website: model answer•10 Minuten
Add a video to the website: model answer•10 Minuten
1 Aufgabe•Insgesamt 15 Minuten
Check your understanding: Use all the tags you have learned•15 Minuten
3 Unbewertete Labore•Insgesamt 90 Minuten
Building and Exploring HTML Forms •30 Minuten
Creating an HTML Table for Book Sales•30 Minuten
Embed a video and audio clip•30 Minuten
Erwerben Sie ein Karrierezertifikat.
Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.
The University of London is a federal University which includes 17 world leading Colleges. With extensive experience in distance learning since 1858, University of London has enriched the lives of thousands of students, delivering high quality degrees across the globe. Today, University of London is a global leader in flexible study, offering degree programmes to over 45,000 students in over 190 countries, delivering world-leading research across the world. To find out more about University of London, visit www.london.ac.uk
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.
Finanzielle Unterstützung verfügbar, weitere Informationen
¹ Einige Aufgaben in diesem Kurs werden mit AI bewertet. Für diese Aufgaben werden Ihre Daten in Übereinstimmung mit Datenschutzhinweis von Courseraverwendet.