What you'll learn

Structure content with HTML and style layouts using CSS techniques.
Build forms, navigation links, and styled elements to enhance UX.
Design and develop a complete, professional landing page project.

Skills you'll gain

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

6 assignments

Taught in English

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 Modern HTML5 & Responsive Web Development Mastery 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 2 modules in this course

By the end of this course, learners will be able to structure web content using HTML, apply CSS styling for layout and design, and build a fully functional landing page from scratch. They will gain practical experience in creating headings, paragraphs, forms, navigation links, and styling techniques that enhance user experience.

This project-based course takes learners step by step through the process of designing a modern landing page, making it ideal for beginners who want hands-on practice in front-end development. Unlike traditional theory-heavy courses, this course emphasizes applied skills by guiding learners through real-world examples. Learners will master the essentials of HTML and CSS while building a project they can showcase in their portfolio. With a focus on both structure and design, learners will benefit from clear explanations, practical demonstrations, and industry-relevant techniques. By completing this course, they will develop the confidence to create professional webpages and move forward in their web development journey.

This module introduces the foundational concepts of structuring and styling web pages with HTML and CSS. Learners will explore how to create essential elements, apply basic formatting, and implement CSS rules to enhance design. By the end of this module, learners will be able to build the structural layout of a webpage and apply styles for improved readability and presentation.

What's included

5 videos3 assignments1 plugin

5 videosTotal 50 minutes

Introduction to Project12 minutes
Adding HTML Elements10 minutes
Adding HTML Elements Continue8 minutes
Styling Using CSS14 minutes
Styling Using CSS Continues5 minutes

3 assignmentsTotal 60 minutes

Graded Quiz – Building the HTML Foundation30 minutes
Getting Started with the Project15 minutes
Styling the Basics with CSS15 minutes

1 pluginTotal 30 minutes

Structuring and Styling Your First Landing Page30 minutes

This module focuses on developing a responsive and visually appealing landing page. Learners will build interactive sections, apply advanced CSS styling, and integrate forms to capture user input. By completing this module, learners will gain hands-on experience in designing a functional landing page that meets industry standards.