EdX

HTML5 and CSS Fundamentals (edX)

HTML5 and CSS Fundamentals (edX)

Learn how to build Web sites using HTML5 and basic CSS, directly from W3C, creator of the latest Web standards. Learn the basics of Web design and style to give your Web sites a professional look and feel. The Microsoft team and experts from the World Wide Web Consortium (W3C) will guide you step-by-step in how to use the latest Web standards to create a site to be proud of.

Class Deals by MOOC List - Click here and see EdX's Active Discounts, Deals, and Promo Codes.

This course is part of W3C's "Front-End Web Developer" Professional Certificate.
During the course, you will learn the basic building blocks of Web design and style – HTML5 and CSS – to give your site a professional look and feel.
By the end of the course, you should understand all the fundamental elements – from headers and links to images and sidebars – and leave having built a basic framework for your own Web site.

This course has been initially developed by Dale A. Schouten, Anusha Muthiah and Christopher Perkins, as part of a partnership between W3C and Intel®.

What you'll learn

  • How to write a Web page
  • Concepts of a markup language
  • Basics of HTML5 and CSS
  • Web design and style
  • Page layout and flexbox

Course Syllabus

Module 1: My first Web page

  • The big three: HTML5, CSS and JavaScript
  • Elements, tags and attributes
  • Character encoding
  • Best practices

Module 2: Attributes, images and links

  • Attributes
  • Semantic meaning
  • Images
  • Hyperlinks

Module 3: Adding style with CSS

  • CSS basic syntax
  • CSS properties
  • Lists and selectors

Module 4: Fixing and debugging

  • Debugging tools
  • Debugging and the CSS box model
  • Debugging CSS precedence

Module 5: More HTML5 and CSS

  • Tables
  • Multimedia
  • Embedding content
  • CSS tricks

Module 6: Basics of page layout

  • Concepts
  • Flexbox
  • Recipe project
  • Where to from here?
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Introducción al desarrollo de aplicaciones web (edX) EdX
Universidad Autonoma de Madrid

Introducción al desarrollo de aplicaciones web (edX)

Aprende a desarrollar una aplicación web desde cero con diferentes tecnologías como HTML, CSS, Python, JSON, JavaScript y Ajax. Hoy en día utilizamos la web para todo tipo de tareas: buscar un vuelo, comprar entradas, ver el pronóstico meteorológico, leer noticias, etc. Todo esto es posible gracias a las aplicaciones web creadas para darnos estos servicios.

Self Paced
Self-Paced
Android App Components - Services, Local IPC, and Content Providers (Coursera) Coursera
Vanderbilt University

Android App Components - Services, Local IPC, and Content Providers (Coursera)

This 4 week MOOC builds upon the core Android app components and concurrency frameworks covered in Course 2 by focusing on started and bound services, local inter-process communication (IPC), and content providers. Case study apps will be examined from multiple perspectives to learn how to program these app components using Android's material design paradigm.

Nov 2nd 2026
4 Weeks
Full Stack Software Developer Assessment (Coursera) Coursera
IBM

Full Stack Software Developer Assessment (Coursera)

This is the final course in the Full Stack Professional Certificate. It will test your knowledge and the skills you’ve acquired so far. This course contains the graded final examination covering content from nine of the eleven courses in the certificate. You will be assessed on topics such as core cloud computing concepts; languages such as HTML, CSS, JavaScript, and Python; frameworks such as Node.js and React; and backend technologies such as Docker, Kubernetes, OpenShift, SQL, Django, and Serverless.

Nov 2nd 2026
1 Week
Learn HTML and CSS (Coursera) Coursera
Scrimba

Learn HTML and CSS (Coursera)

This course is perfect if you want to learn how to code websites from scratch. You will learn the basics of HTML and CSS through interactive challenges. Along the way, you will build multiple projects, like a Google.com clone, a Space Exploration page, and a fun birthday site filled with GIFs. While most of the challenges are done in Scrimba's interactive editor, you will also learn how to use professional tools like VS Code for code editing, GitHub for hosting your code, and Netlify for deploying your projects to the world wide web.

Nov 9th 2026
5-12 Weeks
Learn React Router 6 (Coursera) Coursera
Scrimba

Learn React Router 6 (Coursera)

Learn React Router v6, the most popular routing library for React applications and one of the most downloaded React support libraries ever. In this course, you’ll learn the most important parts of the React Router (v6) library while building an app called “VanLife”, an app for renting decked-out travel vans for your next road trip adventure.

Nov 16th 2026
3 Weeks
JavaScript Introduction (edX) EdX
World Wide Web Consortium - W3C,W3Cx

JavaScript Introduction (edX)

Learn JavaScript, a Web development programming language, to add interactivity to your Web pages, and become an expert Web developer. This computer science course is an initiation to JavaScript programming and has been designed to help Web developers have an understanding of the basic concepts of the language. This course was developed in partnership between W3C and University Côte d'Azur.

Self Paced
Self-Paced
Programming Foundations with JavaScript, HTML and CSS (Coursera) Coursera
Duke University

Programming Foundations with JavaScript, HTML and CSS (Coursera)

Learn foundational programming concepts (e.g., functions, for loops, conditional statements) and how to solve problems like a programmer. In addition, learn basic web development as you build web pages using HTML, CSS, JavaScript. By the end of the course, will create a web page where others can upload their images and apply image filters that you create.

Nov 2nd 2026
4 Weeks
AngularJS: Advanced Framework Techniques (edX) EdX
Microsoft

AngularJS: Advanced Framework Techniques (edX)

Take your Angular programming skills to the next level as you learn about the full range of advanced features available for programming in Angular. Want to start implementing some of the more advanced features of Angular, but looking for help to get you started? In this advanced angularJS course, you’ll learn how to implement a web framework as you work your way through a series of tutorial-style labs that make learning easy.

Self Paced
Self-Paced
JavaScript Basics (Coursera) Coursera
University of California, Davis

JavaScript Basics (Coursera)

This course introduces the programming language JavaScript and shows the websites that include the type of interactions students will eventually be able to develop. Learners will understand the importance of how JavaScript was developed and why such history impacts the way JavaScript is currently written and in future releases.

Nov 2nd 2026
4 Weeks