Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable
Il y a 4 modules dans ce cours
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.
Inclus
3 vidéos5 lectures3 devoirs1 laboratoire non noté
Afficher les informations sur le contenu du module
3 vidéos•Total 19 minutes
Introduction to the specialisation and HTML course•6 minutes
Introduction: Building a web page•1 minute
What and why markup?•12 minutes
5 lectures•Total 60 minutes
Course structure and navigation•15 minutes
How to learn effectively on this course•15 minutes
Course syllabus•10 minutes
Model answer: A web page with basic HTML•10 minutes
Where does markup come from?•10 minutes
3 devoirs•Total 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 webpage•15 minutes
1 laboratoire non noté•Total 30 minutes
Build a web page with basic HTML •30 minutes
Hyperlinks and semantic HTML
Module 2•4 heures à terminer
Détails du module
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.
Inclus
5 vidéos4 lectures5 devoirs3 laboratoires non notés
Afficher les informations sur le contenu du module
5 vidéos•Total 36 minutes
Introduction: hyperlinks and semantic HTML•1 minute
Hyperlinks: putting the web in 'interwebs' and the hyper in 'hypertext'•13 minutes
Identifying common elements for real web pages•7 minutes
Semantic HTML•6 minutes
Well-formed and valid HTML•9 minutes
4 lectures•Total 60 minutes
Make a web page with pages and links: model answer•10 minutes
What is hypertext anyway?•10 minutes
Semantic elements: model answer•10 minutes
Ethics/theory corner: why is good markup important?•30 minutes
5 devoirs•Total 48 minutes
Check your work: Make a web page with pages and links•5 minutes
Hyperlinks•9 minutes
Identify common web page elements•9 minutes
Well-formed and semantic HTML•10 minutes
Check your understanding: Hyperlinks and semantic HTML•15 minutes
3 laboratoires non notés•Total 90 minutes
Make a web page with pages and links•30 minutes
Add semantic elements to your page•30 minutes
Validate your code and fix errors•30 minutes
The data structure underneath a web page and how to manipulate it
Module 3•2 heures à terminer
Détails du module
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.
Inclus
3 vidéos3 devoirs2 laboratoires non notés
Afficher les informations sur le contenu du module
3 vidéos•Total 24 minutes
Introduction: The data structure underneath a web page•1 minute
The document object model: HTML is a tree, the internet is a forest•15 minutes
Interacting with the DOM via developer tools•8 minutes
3 devoirs•Total 48 minutes
DOM review•9 minutes
Interacting with the DOM•9 minutes
Check your understanding: The DOM•30 minutes
2 laboratoires non notés•Total 60 minutes
Explore DOMs with DOM visualiser•30 minutes
Explore DOMs on sites you use•30 minutes
Let's learn some more tags: forms, tables and media
Module 4•3 heures à terminer
Détails du module
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.
Inclus
5 vidéos3 lectures1 devoir3 laboratoires non notés
Afficher les informations sur le contenu du module
5 vidéos•Total 17 minutes
Introduction: forms, tables and other tags•1 minute
Forms in HTML•5 minutes
Tables for structured data•5 minutes
Embedding media•5 minutes
Course summary•1 minute
3 lectures•Total 30 minutes
Add a form to the website: model answer•10 minutes
Add a table to the website: model answer•10 minutes
Add a video to the website: model answer•10 minutes
1 devoir•Total 15 minutes
Check your understanding: Use all the tags you have learned•15 minutes
3 laboratoires non notés•Total 90 minutes
Building and Exploring HTML Forms •30 minutes
Creating an HTML Table for Book Sales•30 minutes
Embed a video and audio clip•30 minutes
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
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
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
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.