Foundations of Modern HTML & CSS

Faites décoller votre carrière cet été grâce à des cours dispensés par Google, IBM et bien d'autres, pour 190 €/an. Économisez maintenant.

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.

Foundations of Modern HTML & CSS

Ce cours fait partie de Spécialisation Modern HTML & CSS From The Beginning 2.0

Instructeur : Packt - Course Instructors

Inclus avec Coursera Plus

7 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Débutant

Expérience recommandée

12 heures pour terminer

3 semaines à 4 heures par semaine

Planning flexible

Apprenez à votre propre rythme

7 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Débutant

Expérience recommandée

12 heures pour terminer

3 semaines à 4 heures par semaine

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

Master essential HTML tags and their attributes for web content creation.
Understand CSS fundamentals and how to style text, backgrounds, and links effectively.
Learn to create interactive forms with input elements and improve user experience.
Apply advanced layout techniques like Flexbox to design responsive websites.

Compétences que vous acquerrez

Catégorie : Semantic Web
Catégorie : Web Design and Development
Catégorie : Hypertext Markup Language (HTML)
Catégorie : Development Environment
Catégorie : Web Development
Catégorie : Front-End Web Development
Catégorie : Web Content Accessibility Guidelines
Catégorie : Web Development Tools
Catégorie : Web Design
Catégorie : HTML and CSS
Catégorie : Typography
Catégorie : Responsive Web Design
Catégorie : Cascading Style Sheets (CSS)

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

avril 2025

Évaluations

8 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation Modern HTML & CSS From The Beginning 2.0

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 7 modules dans ce cours

Updated in May 2025.

This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you will develop the foundational skills to build modern websites using HTML and CSS. By the end of the course, you’ll be able to create structured web pages, style them using CSS, and implement advanced layout techniques like Flexbox. You’ll also gain practical experience with HTML forms, input elements, and learn how to enhance your development workflow using tools like VS Code and browser developer tools. The course starts with an introduction to the web and the roles of HTML, CSS, and JavaScript in web development. You will learn the basics of HTML, including tags, attributes, and document structure, followed by hands-on challenges to apply your knowledge. You'll also dive into CSS fundamentals, including styling text, using colors, and managing layouts with Flexbox. As the course progresses, you'll tackle more advanced topics such as semantic HTML elements, accessibility, and responsive design principles. You will gain the confidence to build professional, user-friendly websites through a series of projects and challenges. This course is perfect for complete beginners, with no prior coding experience required. Basic knowledge of computers and web browsing is helpful but not necessary.

In this module, we will introduce the key concepts and tools you'll need for web development, including an overview of how the web works, the roles of HTML, CSS, and JavaScript, and how to set up your development environment with VS Code.

Inclus

4 vidéos2 lectures

In this module, we will explore the foundational building blocks of HTML, covering essential tags, attributes, and document structure, and introduce tools to help streamline your development process and improve code quality.

Inclus

20 vidéos1 devoir1 plugin

20 vidéosTotal 129 minutes

Section Intro1 minutePrévisualiser le module
Create & Open HTML Files5 minutes
HTML Tags & Attributes5 minutes
Document Structure6 minutes
Live Server & Prettier5 minutes
Sandbox Files Setup3 minutes
Meta Tags & Search9 minutes
Headings, Paragraphs & Emphasis8 minutes
Browser Devtools Intro5 minutes
Lists5 minutes
Anchor Tags8 minutes
Images5 minutes
Block vs Inline Elements6 minutes
Line Breaks, Horizontal Rules & Entities6 minutes
Divs & Spans5 minutes
Classes & IDs6 minutes
Semantic Elements6 minutes
Emmet Crash Course8 minutes
Keyboard Shortcuts8 minutes
Pricing Grid Challenge9 minutes

1 devoirTotal 15 minutes

Essential HTML - Assessment15 minutes

1 pluginTotal 15 minutes

Setting Up HTML Basics15 minutes

In this module, we will dive into the world of HTML forms, teaching you how to build and customize forms for user interaction, and giving you the tools to create dynamic and functional input fields.

Inclus

9 vidéos1 devoir1 plugin

9 vidéosTotal 48 minutes

Section Intro0 minutesPrévisualiser le module
Form & Input Tags5 minutes
Text-Based Input Tags6 minutes
Input Field Attributes6 minutes
Select Boxes & Textarea5 minutes
Checkboxes & Radio Buttons5 minutes
Other Input Fields4 minutes
Datalist7 minutes
HTML Form Challenge5 minutes

1 devoirTotal 15 minutes

HTML Form & Input Elements - Assessment15 minutes

1 pluginTotal 15 minutes

Understanding HTML Forms and Inputs15 minutes

In this module, we will expand on the range of HTML elements available, showing you how to incorporate multimedia, embed external content, and build more dynamic and engaging web pages.

Inclus

10 vidéos1 devoir1 plugin

10 vidéosTotal 51 minutes

Section Intro0 minutesPrévisualiser le module
Audio Element6 minutes
Video Element3 minutes
Image Map4 minutes
Tables5 minutes
Iframe5 minutes
Global Attributes9 minutes
SVG Element6 minutes
Popover & Details4 minutes
Progress & Meter5 minutes

1 devoirTotal 15 minutes

More HTML Elements - Assessment15 minutes

1 pluginTotal 15 minutes

Exploring HTML Elements15 minutes

In this module, we will introduce you to the world of CSS, focusing on the basics of styling elements, including fonts, colors, and layout properties to give your web pages their visual identity.

Inclus

11 vidéos1 devoir1 plugin

11 vidéosTotal 86 minutes

Section Intro1 minutePrévisualiser le module
Implementing CSS8 minutes
Basic CSS Selectors12 minutes
Fonts In CSS7 minutes
Font & Text Properties9 minutes
Colors (Color Names, HEX, RGB, HSL)12 minutes
CSS Specificity5 minutes
Backgrounds9 minutes
Styling Links4 minutes
Font Awesome Library7 minutes
CSS Basics Challenge9 minutes

1 devoirTotal 15 minutes

CSS Basics - Assessment15 minutes

1 pluginTotal 15 minutes

Understanding CSS Specificity and Icon Integration15 minutes

In this module, we will guide you through the CSS box model and positioning techniques, helping you master layout control by managing element sizes, spacing, and positioning.

Inclus

12 vidéos1 devoir1 plugin

12 vidéosTotal 82 minutes

Section Intro1 minutePrévisualiser le module
Box Model Explained3 minutes
Sizing & Overflow7 minutes
Padding5 minutes
Margin7 minutes
Universal Selector & Reset4 minutes
Borders5 minutes
Display Property8 minutes
Position Property10 minutes
Box Shadow4 minutes
Freelance Form Mini-Project12 minutes
Shoe Cards Mini-Project12 minutes

1 devoirTotal 15 minutes

Box Model & Positioning - Assessment15 minutes

1 pluginTotal 15 minutes

Exploring CSS Box Model15 minutes

In this module, we will explore CSS Flexbox in detail, teaching you how to create fluid and responsive layouts that adapt seamlessly to different screen sizes and resolutions.

Inclus

8 vidéos1 lecture3 devoirs1 plugin

8 vidéosTotal 65 minutes

Section Intro1 minutePrévisualiser le module
What Is Flexbox?4 minutes
Flexbox Basics - Containers & Items7 minutes
Align & Justify Items10 minutes
Flex Properties & Dynamic Sizing10 minutes
Flex Order2 minutes
Flexbox Layout Challenge7 minutes
Pricing Card CSS Mini-Project21 minutes

1 lectureTotal 10 minutes

Conclusion to the Course 'Foundations of Modern HTML & CSS'10 minutes

3 devoirsTotal 90 minutes

Flexbox - Assessment15 minutes
Full Course Assessment60 minutes
Full Course Practice Assessment15 minutes

1 pluginTotal 15 minutes

Mastering Flexbox for Responsive Layouts15 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.

Instructeur

Packt - Course Instructors

Packt

752 Cours144 065 apprenants

Offert par

Packt

En savoir plus sur Mobile and Web Development

Statut : Essai gratuit
IBM
Introduction to HTML, CSS, & JavaScript
Cours
Packt
Build Real-World Websites Using HTML5, CSS3, Sass and more
Cours
Statut : Essai gratuit
Johns Hopkins University
Introduction to CSS3
Cours
Statut : Essai gratuit
Meta
HTML and CSS in depth
Cours

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.’

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.