Cours en ligne gratuit HTML et CSS Débutant : Créer des Sites Web Modernes - Flexbox, Grid, Formulaires
Durée du cours en ligne : 9 heure et 39 minutes
Nouveau
Cours gratuit pour débuter en HTML et CSS : structure, styles, Flexbox, Grid, formulaires et mise en page moderne pour créer des sites web.
Dans ce cours gratuit, découvrez
Fondations du HTML : structure, texte, liens et images
Prise en main : premier TP HTML
Bases du CSS : intégration, typographie, couleurs et effets
Structurer et comprendre la mise en page : sémantique et modèle des boîtes
Mise en page moderne : Flexbox, CSS Grid et alternatives
Données et interactions : tableaux et formulaires
À propos du cours en ligne gratuit
Apprenez à créer des pages web modernes en partant de zéro grâce à un cours en ligne gratuit dédié aux fondamentaux du développement front-end. Vous découvrirez comment structurer une page, organiser et mettre en forme vos contenus, gérer les liens et les images, puis appliquer des styles propres et cohérents avec CSS.
Au fil de la progression, vous gagnerez en méthode pour construire des interfaces lisibles et agréables, comprendre le modèle des boîtes, travailler la typographie, les couleurs, les fonds, les bordures et les effets visuels. Vous explorerez aussi des états interactifs pour améliorer l’expérience utilisateur et donner plus de dynamisme à vos pages.
La mise en page occupe une place centrale avec des approches actuelles et efficaces. Vous apprendrez à concevoir des layouts responsives avec Flexbox et CSS Grid, et à choisir la technique la plus adaptée selon le contexte. Pour compléter vos bases, vous verrez également comment intégrer des tableaux et concevoir des formulaires utiles, en respectant une structure claire et facilement maintenable. Idéal pour débuter en programmation web et bâtir des projets solides.
Contenu du cours
Leçon vidéo : HTML et CSS - 00 - Introduction09m
Exercice: Quel est le rôle principal du HTML dans la création d’un site web ?
Leçon vidéo : HTML et CSS - 01 - Votre première page web en html28m
Exercice: Quel est le bon type de fichier à créer pour une page web ?
Exercice: Quelle règle de nommage est recommandée pour les dossiers et fichiers d’un projet web ?
Exercice: Quelle différence décrit correctement une balise paire et une balise orpheline en HTML ?
Exercice: Dans quelle balise doit-on placer le contenu visible d’une page HTML (texte, images, etc.) ?
Exercice: Quel attribut est indispensable pour afficher une image avec la balise < img > ?
Exercice: À quoi sert la balise dans une page HTML ?
Exercice: Où place-t-on les attributs d’une balise paire (comme
ou
) ?</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle est la bonne syntaxe d’un commentaire HTML ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 02 - Organisez votre texte</span>
<span>34m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle balise HTML permet d’effectuer un saut de ligne dans un texte ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 03 - Créer des liens</span>
<span>45m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quel attribut est indispensable dans la balise <a> pour définir la destination d’un lien ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 04 - Insérer des images</span>
<span>18m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quels attributs sont obligatoires dans la balise < img > pour afficher correctement une image ?</span>
</li>
</ul>
</div>
</div>
<div class="module">
<button class="module-header" type="button">
<span class="module-number">2</span>
<div class="module-text">
<span class="module-title">Prise en main : premier TP HTML</span>
<span class="module-time">19 minutes</span>
</div>
<svg class="icon-arrow">
<use href="//cursa.app/css/course_icons.svg#icon-arrow-down"></use>
</svg>
</button>
<div class="module-body">
<ul>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - TP1</span>
<span>19m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle balise HTML permet d’afficher un trait horizontal dans une page ?</span>
</li>
</ul>
</div>
</div>
<div class="module">
<button class="module-header" type="button">
<span class="module-number">3</span>
<div class="module-text">
<span class="module-title">Bases du CSS : intégration, typographie, couleurs et effets</span>
<span class="module-time">3 heure et 6 minutes</span>
</div>
<svg class="icon-arrow">
<use href="//cursa.app/css/course_icons.svg#icon-arrow-down"></use>
</svg>
</button>
<div class="module-body">
<ul>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 06 - Mettre en place le CSS</span>
<span>49m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Où est-il le plus recommandé d’écrire le code CSS ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 07 - Formatez du texte</span>
<span>40m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle propriété CSS permet de modifier la taille du texte ?</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle unité est recommandée pour une taille de texte relative qui s’adapte mieux aux écrans ?</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Comment éviter un problème d’affichage si la première police n’est pas disponible sur le navigateur ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 08 - Ajouter de la couleur et du fond</span>
<span>52m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: En CSS, combien de couleurs peut-on utiliser si l’on indique uniquement le nom de la couleur (ex. white, silver, aqua) ?</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle propriété CSS permet de changer la couleur de fond d’un élément (ex. body, p, h1) ?</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Dans une couleur hexadécimale #RRGGBB, que représentent les deux premiers caractères (RR) ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 09 - Créer des bordures et des ombre</span>
<span>27m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle propriété CSS « super propriété » permet de définir rapidement une bordure en une seule ligne ?</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle propriété CSS permet d'arrondir les coins d’un élément (bordures arrondies) ?</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle valeur permet de placer une ombre à l’intérieur d’un bloc avec box-shadow ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 10 - Créer des apparences dynamiques</span>
<span>17m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quel pseudo-format CSS utilise-t-on pour changer le style d’un élément lorsqu’on le survole ?</span>
</li>
</ul>
</div>
</div>
<div class="module">
<button class="module-header" type="button">
<span class="module-number">4</span>
<div class="module-text">
<span class="module-title">Structurer et comprendre la mise en page : sémantique et modèle des boîtes</span>
<span class="module-time">43 minutes</span>
</div>
<svg class="icon-arrow">
<use href="//cursa.app/css/course_icons.svg#icon-arrow-down"></use>
</svg>
</button>
<div class="module-body">
<ul>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 11 - Structurez votre page</span>
<span>14m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle balise HTML sert à définir le menu de navigation principal d’une page ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS -12 - Découvrez le modèle des boites</span>
<span>29m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle est la différence principale entre une balise de type bloc et une balise de type inline ?</span>
</li>
</ul>
</div>
</div>
<div class="module">
<button class="module-header" type="button">
<span class="module-number">5</span>
<div class="module-text">
<span class="module-title">Mise en page moderne : Flexbox, CSS Grid et alternatives</span>
<span class="module-time">1 heure et 38 minutes</span>
</div>
<svg class="icon-arrow">
<use href="//cursa.app/css/course_icons.svg#icon-arrow-down"></use>
</svg>
</button>
<div class="module-body">
<ul>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS -13 - La mise en page avec Flexbox</span>
<span>44m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle propriété CSS faut-il appliquer au conteneur pour activer Flexbox et placer les éléments côte à côte ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 14 - Les bases de CSS Grid</span>
<span>29m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle valeur de la propriété CSS « display » permet de transformer un conteneur en grille (Grid) ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 15 - Autres techniques de mise en page</span>
<span>23m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle valeur de la propriété CSS display permet de transformer un élément inline (ex. <b>a</b>) en élément de type bloc ?</span>
</li>
</ul>
</div>
</div>
<div class="module">
<button class="module-header" type="button">
<span class="module-number">6</span>
<div class="module-text">
<span class="module-title">Données et interactions : tableaux et formulaires</span>
<span class="module-time">1 heure et 34 minutes</span>
</div>
<svg class="icon-arrow">
<use href="//cursa.app/css/course_icons.svg#icon-arrow-down"></use>
</svg>
</button>
<div class="module-body">
<ul>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS -16 - Ajouter des tableaux</span>
<span>32m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle balise HTML délimite un tableau ?</span>
</li>
<li>
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg#icon-play"></use>
</svg>
<span class="title">Leçon vidéo : HTML et CSS - 17 - Les formulaires</span>
<span>1h01m</span>
</li>
<li class="exerc">
<svg class="icon">
<use href="//cursa.app/css/course_icons.svg?v=3#icon-exercise"></use>
</svg>
<span>Exercice: Quelle balise HTML délimite un formulaire ?</span>
</li>
</ul>
</div>
</div>
</section>
</div>
<div class="course-advs-2">
<h2 class="title">Ce cours gratuit comprend:</h2>
<div class="list">
<div>
<img src='//cursa.app/img/course/icon_learning.png' width='100' height='100' loading="lazy" alt="Icône pour l'apprentissage avec le cours audio" />
<p>9 heure et 39 minutes du cours vidéo en ligne</p>
</div>
<div>
<img src='//cursa.app/img/course/icon_cert.png' width='100' height='100' loading="lazy" alt="Icône pour le certificat numérique de réussite du cours" />
<p>Certificat numérique de réussite du cours (gratuit)</p>
</div>
<div>
<img src='//cursa.app/img/course/icon_exerc.png' width='100' height='100' loading="lazy" alt="Icône pour les exercices d'application" />
<p>Exercices pour développer vos connaissances</p>
</div>
<div>
<img src='//cursa.app/img/course/icon_nomoney.png' width='100' height='100' loading="lazy" alt="Icône pour les cours 100 % gratuits du début à la fin" />
<p>100% gratuit, du contenu au certificat</p>
</div>
</div>
</div>
<div class="faq">
<div class="item-dropdown" onclick="dropDownClick(this)">
<div class="header">
<p>Comment centrer ou aligner des éléments avec Flexbox en CSS ?</p>
</div>
<div class="content">
<p>Appliquez display: flex au conteneur, puis utilisez justify-content et align-items pour gérer l’alignement.</p>
</div>
</div>
<div class="item-dropdown" onclick="dropDownClick(this)">
<div class="header">
<p>Quelle différence entre CSS Grid et Flexbox pour créer une mise en page ?</p>
</div>
<div class="content">
<p>Flexbox organise surtout les éléments sur une ligne ou une colonne, tandis que Grid structure une mise en page en lignes et colonnes.</p>
</div>
</div>
<div class="item-dropdown" onclick="dropDownClick(this)">
<div class="header">
<p>Quels attributs utiliser dans une balise img en HTML ?</p>
</div>
<div class="content">
<p>Utilisez au minimum src pour le fichier image et alt pour décrire l’image.</p>
</div>
</div>
</div>
</div>
<div class="courseDown">
<p class="btn"><span>Prêt à commencer ?</span>Téléchargez l’application et commencez dès aujourd’hui !</p>
<a href="https://cursa.app/fr/downapp" id="downBtn"><p>Installez l'application</p><span>dès maintenant pour accéder au cours</span></a>
<div class="downAdvantage">
<img src='//cursa.app/img/course/icon_courses.png' width='100' height='100' loading="lazy" alt="Icône représentant les cours de technologie et de commerce" />
<div>
<p class="title">Plus de 5000 cours gratuits</p>
<p>Programmation, anglais, marketing digital et bien plus encore ! Apprenez ce que vous voulez, gratuitement.</p>
</div>
</div>
<div class="downAdvantage">
<img src='//cursa.app/img/course/icon_target.png' width='100' height='100' loading="lazy" alt="Icône de calendrier avec cible représentant la planification des études" />
<div>
<p class="title">Plan d'études avec IA</p>
<p>L'intelligence artificielle de notre application peut créer un planning d'études pour le cours que vous choisissez.</p>
</div>
</div>
<div class="downAdvantage">
<img src='//cursa.app/img/course/icon_profissional.png' width='100' height='100' loading="lazy" alt="Icône professionnelle représentant la carrière et le commerce" />
<div>
<p class="title">De débutant à professionnel accompli</p>
<p>Améliorez votre CV grâce à notre certificat gratuit, puis utilisez notre intelligence artificielle pour trouver l'emploi de vos rêves.</p>
</div>
</div>
<p class="qrcode">Vous pouvez également utiliser le code QR ou les liens ci-dessous.</p>
<img class="qrcode" alt='Code QR - Télécharger Cursa - Cours en ligne' src='//cursa.app/img/qrcode/fr.webp' width='250' height='250' loading="lazy" />
<div class="down-app">
<a href='https://play.google.com/store/apps/details?id=com.ionicframework.cursosdegraca&referrer=utm_source&utm_source=site&utm_medium=en&utm_campaign=downbanner' target="_blank">
<img class="app" alt='Téléchargez-le sur Google Play' src='//cursa.app/img/downapp/google_play_en.webp' width='165' height='50' loading="lazy" />
</a>
<a href='https://apps.apple.com/en/app/id1532641572' target="_blank">
<img class="app" alt="Téléchargez-le sur l'App Store" src='//cursa.app/img/downapp/apple_store_en.webp' width='165' height='49' loading="lazy" />
</a>
</div>
</div>
</div>
</div>
<div class="container-content">
<h2 class="title">Plus de cours gratuits sur Programmation web</h3>
<div class="container-videocourses">
<div class="list-videoscourses">
<a href="https://cursa.app/fr/cours-gratuit/sites-wordpress-ccbd"><div class="img-container"><img src="https://cursa-vidcourse-img.s3.us-east-1.amazonaws.com/2213_s.webp" class="main" alt="Image de cours gratuite Sites WordPress" loading="lazy" width="256" height="256" /></div><div class="info"><p class="title"><span>Cours gratuit</span>Sites WordPress</p><div class="course_average_rating"><p class="m">4.8</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(12)</p></div><div class="duration-exerci"><div class="duration"><img src="//cursa.app/css/svg2/clock.svg" alt="Clock icon" loading="lazy" width="16px" height="16px" /><p>3h18m</p></div><div class="exerci"><img src="//cursa.app/css/svg2/list.svg" alt="List icon" loading="lazy" width="16px" height="16px" /><p>19 exercices</p></div></div></div></a><a href="https://cursa.app/fr/cours-gratuit/introduction-au-developpement-web-eegf"><div class="img-container"><img src="https://cursa-vidcourse-img.s3.us-east-1.amazonaws.com/4465_s.webp" class="main" alt="Image de cours gratuite Introduction au Développement Web" loading="lazy" width="256" height="256" /></div><div class="info"><p class="title"><span>Cours gratuit</span>Introduction au Développement Web</p><div class="course_average_rating"><p class="m">4.7</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(7)</p></div><div class="duration-exerci"><div class="duration"><img src="//cursa.app/css/svg2/clock.svg" alt="Clock icon" loading="lazy" width="16px" height="16px" /><p>6h50m</p></div><div class="exerci"><img src="//cursa.app/css/svg2/list.svg" alt="List icon" loading="lazy" width="16px" height="16px" /><p>8 exercices</p></div></div></div></a><a href="https://cursa.app/fr/cours-gratuit/sites-et-applications-web-en-python-et-django-eefa"><div class="img-container"><img src="https://cursa-vidcourse-img.s3.us-east-1.amazonaws.com/4450_s.webp" class="main" alt="Image de cours gratuite Sites et Applications Web en Python et Django" loading="lazy" width="256" height="256" /></div><div class="info"><p class="title"><span>Cours gratuit</span>Sites et Applications Web en Python et Django</p><div class="course_average_rating"><p class="m">4.7</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(3)</p></div><div class="duration-exerci"><div class="duration"><img src="//cursa.app/css/svg2/clock.svg" alt="Clock icon" loading="lazy" width="16px" height="16px" /><p>1h11m</p></div><div class="exerci"><img src="//cursa.app/css/svg2/list.svg" alt="List icon" loading="lazy" width="16px" height="16px" /><p>9 exercices</p></div></div></div></a><a href="https://cursa.app/fr/cours-gratuit/html-et-css-behd"><div class="img-container"><img src="https://cursa-vidcourse-img.s3.us-east-1.amazonaws.com/1473_s.webp" class="main" alt="Image de cours gratuite HTML et CSS" loading="lazy" width="256" height="256" /></div><div class="info"><p class="title"><span>Cours gratuit</span>HTML et CSS</p><div class="course_average_rating"><p class="m">4.6</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(11)</p></div><div class="duration-exerci"><div class="duration"><img src="//cursa.app/css/svg2/clock.svg" alt="Clock icon" loading="lazy" width="16px" height="16px" /><p>12h23m</p></div><div class="exerci"><img src="//cursa.app/css/svg2/list.svg" alt="List icon" loading="lazy" width="16px" height="16px" /><p>25 exercices</p></div></div></div></a><a href="https://cursa.app/fr/cours-gratuit/php-oriente-objet-poo-eheg"><div class="img-container"><img src="https://cursa-vidcourse-img.s3.us-east-1.amazonaws.com/4746_s.webp" class="main" alt="Image de cours gratuite PHP Orienté Objet POO" loading="lazy" width="256" height="256" /></div><div class="info"><p class="title"><span>Cours gratuit</span>PHP Orienté Objet POO</p><div class="course_average_rating"><p class="m">4.6</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(5)</p></div><div class="duration-exerci"><div class="duration"><img src="//cursa.app/css/svg2/clock.svg" alt="Clock icon" loading="lazy" width="16px" height="16px" /><p>3h00m</p></div><div class="exerci"><img src="//cursa.app/css/svg2/list.svg" alt="List icon" loading="lazy" width="16px" height="16px" /><p>12 exercices</p></div></div></div></a><a href="https://cursa.app/fr/cours-gratuit/html-et-css-complet-bege"><div class="img-container"><img src="https://cursa-vidcourse-img.s3.us-east-1.amazonaws.com/1464_s.webp" class="main" alt="Image de cours gratuite HTML et CSS complet" loading="lazy" width="256" height="256" /></div><div class="info"><p class="title"><span>Cours gratuit</span>HTML et CSS complet</p><div class="course_average_rating"><p class="m">4.6</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(84)</p></div><div class="duration-exerci"><div class="duration"><img src="//cursa.app/css/svg2/clock.svg" alt="Clock icon" loading="lazy" width="16px" height="16px" /><p>11h30m</p></div><div class="exerci"><img src="//cursa.app/css/svg2/list.svg" alt="List icon" loading="lazy" width="16px" height="16px" /><p>35 exercices</p></div></div></div></a><a href="https://cursa.app/fr/cours-gratuit/programmation-en-php-behf"><div class="img-container"><img src="https://cursa-vidcourse-img.s3.us-east-1.amazonaws.com/1475_s.webp" class="main" alt="Image de cours gratuite Programmation en PHP" loading="lazy" width="256" height="256" /></div><div class="info"><p class="title"><span>Cours gratuit</span>Programmation en PHP</p><div class="course_average_rating"><p class="m">4.5</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(11)</p></div><div class="duration-exerci"><div class="duration"><img src="//cursa.app/css/svg2/clock.svg" alt="Clock icon" loading="lazy" width="16px" height="16px" /><p>13h59m</p></div><div class="exerci"><img src="//cursa.app/css/svg2/list.svg" alt="List icon" loading="lazy" width="16px" height="16px" /><p>20 exercices</p></div></div></div></a><a href="https://cursa.app/fr/cours-gratuit/javascript-complet-behh"><div class="img-container"><img src="https://cursa-vidcourse-img.s3.us-east-1.amazonaws.com/1477_s.webp" class="main" alt="Image de cours gratuite Javascript complet" loading="lazy" width="256" height="256" /></div><div class="info"><p class="title"><span>Cours gratuit</span>Javascript complet</p><div class="course_average_rating"><p class="m">4.4</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(5)</p></div><div class="duration-exerci"><div class="duration"><img src="//cursa.app/css/svg2/clock.svg" alt="Clock icon" loading="lazy" width="16px" height="16px" /><p>6h32m</p></div><div class="exerci"><img src="//cursa.app/css/svg2/list.svg" alt="List icon" loading="lazy" width="16px" height="16px" /><p>13 exercices</p></div></div></div></a><a href="https://cursa.app/fr/cours-gratuit/programmation-php-complete-beic"><div class="img-container"><img src="https://cursa-vidcourse-img.s3.us-east-1.amazonaws.com/1482_s.webp" class="main" alt="Image de cours gratuite Programmation PHP complète" loading="lazy" width="256" height="256" /></div><div class="info"><p class="title"><span>Cours gratuit</span>Programmation PHP complète</p><div class="course_average_rating"><p class="m">4.3</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(3)</p></div><div class="duration-exerci"><div class="duration"><img src="//cursa.app/css/svg2/clock.svg" alt="Clock icon" loading="lazy" width="16px" height="16px" /><p>26h30m</p></div><div class="exerci"><img src="//cursa.app/css/svg2/list.svg" alt="List icon" loading="lazy" width="16px" height="16px" /><p>34 exercices</p></div></div></div></a><a href="https://cursa.app/fr/cours-gratuit/creer-un-theme-wordpress-ccbf"><div class="img-container"><img src="https://cursa-vidcourse-img.s3.us-east-1.amazonaws.com/2215_s.webp" class="main" alt="Image de cours gratuite Créer un theme WordPress" loading="lazy" width="256" height="256" /></div><div class="info"><p class="title"><span>Cours gratuit</span>Créer un theme WordPress</p><div class="course_average_rating"><p class="m">4.3</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(3)</p></div><div class="duration-exerci"><div class="duration"><img src="//cursa.app/css/svg2/clock.svg" alt="Clock icon" loading="lazy" width="16px" height="16px" /><p>8h14m</p></div><div class="exerci"><img src="//cursa.app/css/svg2/list.svg" alt="List icon" loading="lazy" width="16px" height="16px" /><p>20 exercices</p></div></div></div></a> </div>
</div>
</div>
<div class="container-content">
<div class="container-ebooks">
<h2 class="title">Ebook + livres audio gratuits ! Apprenez en écoutant ou en lisant !</h2>
<div class="list">
<a href="https://cursa.app/fr/ebook-gratuit/suivez-le-cours-html-css-et-javascript-pour-devenir-developpeur-front-end" class="item" title="Ebook gratuit: Suivez le cours HTML, CSS et Javascript pour devenir développeur front-end"><img class="main" src="https://cursa-json-routes.s3.amazonaws.com/texts/byId/1000532/imgs/cover_xs.webp" loading="lazy" width="256" height="384" alt="Couverture de livre électronique gratuite Suivez le cours HTML, CSS et Javascript pour devenir développeur front-end" /><div class="stars-pages"><div class="course_average_rating"><p class="m">4.2</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><p class="q">(9)</p></div></div></a><a href="https://cursa.app/fr/ebook-gratuit/comment-utiliser-javascript-dans-le-developpement-de-sites-web" class="item" title="Ebook gratuit: Comment utiliser Javascript dans le développement de sites Web"><img class="main" src="https://cursa-json-routes.s3.amazonaws.com/texts/byId/1000197/imgs/cover_xs.webp" loading="lazy" width="256" height="384" alt="Couverture de livre électronique gratuite Comment utiliser Javascript dans le développement de sites Web" /><div class="stars-pages"><div class="course_average_rating"><p class="m">4.4</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-half-y.svg" alt="Demi-étoile" loading="lazy" width="14px" height="14px" /><p class="q">(5)</p></div></div></a><a href="https://cursa.app/fr/ebook-gratuit/wordpress-para-criacao-de-websites-do-basico-ao-avancado" class="item" title="Ebook gratuit: Wordpress pour créer des sites Web de base à avancé"><img class="main" src="https://cursa-json-routes.s3.amazonaws.com/texts/byId/1000569/imgs/cover_xs.webp" loading="lazy" width="256" height="384" alt="Couverture de livre électronique gratuite Wordpress pour créer des sites Web de base à avancé" /><div class="stars-pages"><div class="course_average_rating"><p class="m">3.2</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><p class="q">(5)</p></div></div></a><a href="https://cursa.app/fr/ebook-gratuit/terminer-le-cours-html" class="item" title="Ebook gratuit: Terminer le cours HTML"><img class="main" src="https://cursa-json-routes.s3.amazonaws.com/texts/byId/1000198/imgs/cover_xs.webp" loading="lazy" width="256" height="384" alt="Couverture de livre électronique gratuite Terminer le cours HTML" /><div class="stars-pages"><div class="course_average_rating"><p class="m">1</p><img src="//cursa.app/css/svg2/star-y.svg" alt="étoile" loading="lazy" width="14px" height="14px" /><p class="q">(1)</p></div></div></a><a href="https://cursa.app/fr/ebook-gratuit/terminer-le-cours-css" class="item" title="Ebook gratuit: Terminer le cours CSS"><img class="main" src="https://cursa-json-routes.s3.amazonaws.com/texts/byId/1000199/imgs/cover_xs.webp" loading="lazy" width="256" height="384" alt="Couverture de livre électronique gratuite Terminer le cours CSS" /><div class="stars-pages"><div class="newcourse"><p>Nouveau</p></div></div></a> </div>
</div>
</div>
</main>
<div id="down-app-footer">
<div class="container-footer">
<div class="cont-data">
<div class="info">
<p class="title">Transportez vos connaissances dans votre poche.<br>Téléchargez l'application Cursa.</p>
<p class="desc">Il existe des centaines de cours gratuits disponibles, avec un certificat d'achèvement gratuit qui est enregistré dans votre galerie d'images mobile.</p>
<div class="required-to-certificate">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="32px" height="32px" fill="#FFF"><path d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"/></svg> <p>Téléchargez l'application pour accéder gratuitement au certificat d'achèvement de cours.</p>
</div>
<div class="down-app">
<img class="qrcode" alt='Code QR - Télécharger Cursa - Cours en ligne' src='//cursa.app/img/qrcode/en.webp' width='70' height='70' loading='lazy' /> <a href='https://play.google.com/store/apps/details?id=com.ionicframework.cursosdegraca&referrer=utm_source&utm_source=site&utm_medium=en&utm_campaign=downbanner' target="_blank">
<img class="app" alt='Téléchargez-le sur Google Play' src='//cursa.app/img/downapp/google_play_en.webp' width='165' height='50' loading="lazy" />
</a>
<a href='https://apps.apple.com/en/app/id1532641572' target="_blank">
<img class="app" alt="Téléchargez-le sur l'App Store" src='//cursa.app/img/downapp/apple_store_en.webp' width='165' height='49' loading="lazy" />
</a>
</div>
</div>
<img class="main" src="//cursa.app//img/footer-down-fr.webp" width="800px" height="500px" alt="Téléchargez l'application Cursa. Il existe des centaines de cours gratuits disponibles, avec un certificat d'achèvement gratuit qui est enregistré dans votre galerie d'images mobile." loading="lazy" />
</div>
</div>
</div>
<div id="intro-stats">
<div>
<img src="//cursa.app/css/svg/download.svg" alt="Icône de téléchargement" width="24" height="24" />
<p>+ 10 millions<br>d'étudiants</p>
</div>
<div>
<img src="//cursa.app/css/svg/medal.svg" alt="icône de médaille et de certificat" width="24" height="24" />
<p>Certificat gratuit et<br>valide avec QR Code</p>
</div>
<div>
<img src="//cursa.app/css/svg/list.svg" alt="Icône de liste" width="24" height="24" />
<p>60 mille exercices <br>gratuits</p>
</div>
<div>
<img src="//cursa.app/css/svg/star.svg" alt="Icône étoile" width="24" height="24" />
<p>Note de 4,8/5 dans les <br>magasins d'applications</p>
</div>
<div>
<img src="//cursa.app/css/svg/play.svg" alt="Icône des cours" width="24" height="24" />
<p>Cours vidéo et livres <br>audio gratuits</p>
</div>
</div>
<div class="allcats">
<div class="container-footer">
<div class="column-full">
<div>
<a class="cat" href="https://cursa.app/cours-online-linformatique-gratuits" title="Cours en ligne gratuits L'informatique">L'informatique<span>147 cours</span></a>
<a class="sub" href="https://cursa.app/cours-gratuits-productivite-bureautique-online" title="Cours en ligne gratuits Excel, Word, LibreOffice et plus">Excel, Word, LibreOffice et plus, 29 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-programmation-web-online" title="Cours en ligne gratuits Programmation web">Programmation web, 28 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-informatique-de-base-online" title="Cours en ligne gratuits Informatique de base">Informatique de base, 8 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-base-de-donnees-online" title="Cours en ligne gratuits Base de données">Base de données, 13 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-serveurs-web-et-reseaux-informatiques-online" title="Cours en ligne gratuits Serveurs Web et réseaux informatiques">Serveurs Web et réseaux informatiques, 7 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-programmation-dapplications-mobiles-online" title="Cours en ligne gratuits Programmation d'applications mobiles">Programmation d'applications mobiles, 6 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-logique-de-programmation-online" title="Cours en ligne gratuits Logique de programmation">Logique de programmation, 6 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-programmation-multiplateforme-online" title="Cours en ligne gratuits Langages de programmation">Langages de programmation, 14 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-test-de-logiciel-online" title="Cours en ligne gratuits Test de logiciel">Test de logiciel, 2 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-programmation-de-jeux-online" title="Cours en ligne gratuits Programmation de jeux">Programmation de jeux, 10 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-developpement-back-end-online" title="Cours en ligne gratuits Développement back-end">Développement back-end, 5 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-securite-des-informations-online" title="Cours en ligne gratuits Sécurité des informations">Sécurité des informations, 3 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-intelligence-artificielle-et-science-des-donnees-online" title="Cours en ligne gratuits Intelligence artificielle et science des données">Intelligence artificielle et science des données, 7 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-outils-informatiques-online" title="Cours en ligne gratuits Outils informatiques">Outils informatiques, 7 cours | </a>
<a class="sub" href="https://cursa.app/cours-gratuits-systemes-operationnels-online" title="Cours en ligne gratuits Systèmes opérationnels">Systèmes opérationnels, 2 cours | </a>
</div>
</div>
<div class="column">
<div>
<a class="cat" href="https://cursa.app/cours-online-langues-et-communication-gratuits" title="Cours en ligne gratuits Langues et communication">
<p>Langues et communication</p>
<span>72 cours</span>
</a>
</div>
<div>
<a class="cat" href="https://cursa.app/cours-online-gestion-et-affaires-gratuits" title="Cours en ligne gratuits Gestion et affaires">
<p>Gestion et affaires</p>
<span>70 cours</span>
</a>
</div>
<div>
<a class="cat" href="https://cursa.app/cours-online-professionnaliser-gratuits" title="Cours en ligne gratuits Professionnaliser">
<p>Professionnaliser</p>
<span>78 cours</span>
</a>
</div>
<div>
<a class="cat" href="https://cursa.app/cours-online-art-et-design-gratuits" title="Cours en ligne gratuits Art et désign">
<p>Art et désign</p>
<span>51 cours</span>
</a>
</div>
<div>
<a class="cat" href="https://cursa.app/cours-online-education-de-base-gratuits" title="Cours en ligne gratuits Éducation de base">
<p>Éducation de base</p>
<span>36 cours</span>
</a>
</div>
<div>
<a class="cat" href="https://cursa.app/cours-online-musique-gratuits" title="Cours en ligne gratuits Musique">
<p>Musique</p>
<span>4 cours</span>
</a>
</div>
<div>
<a class="cat" href="https://cursa.app/cours-online-esthetique-gratuits" title="Cours en ligne gratuits Esthétique">
<p>Esthétique</p>
<span>10 cours</span>
</a>
</div>
<div>
<a class="cat" href="https://cursa.app/cours-online-sante-gratuits" title="Cours en ligne gratuits Santé">
<p>Santé</p>
<span>37 cours</span>
</a>
</div>
<div>
<a class="cat" href="https://cursa.app/cours-online-autres-gratuits" title="Cours en ligne gratuits Autres">
<p>Autres</p>
<span>20 cours</span>
</a>
</div>
</div>
</div>
</div>
<footer role="contentinfo">
<div class="container-footer">
<div class="footerMenu">
<ul class="footerSubmenu">
<li><a href="https://cursa.app/fr/articles">Notre blog</a></li>
<li><a href="https://cursa.app/fr/sur">Sobre el proyecto</a></li>
<li><a href="https://cursa.app/fr/contact">Contact</a></li>
<li><a href="https://cursa.app/fr/conditions-dutilisation">Conditions d'utilisation</a>
<li><a href="https://cursa.app/fr/politique-de-confidentialite">Politique de confidentialité</a>
</ul>
<p class="textAutorization">
Ce site et l'application ont été développés dans le but d'aider
les gens à trouver plus facilement des cours gratuits, car il y a beaucoup de contenu
bon et gratuit sur youtube mais beaucoup de gens ne le savent pas.
<br>
contato@cursa.app
</p>
<div class="share-links">
<a href="https://www.instagram.com/cursa.app.en/" target="_blank"><img src="//cursa.app/css/svg/brand-instagram.svg" alt="Lien vers Instagram de Cursa - Cours en ligne gratuits" loading="lazy"></a>
<a href="https://www.facebook.com/cursa.app.en/" target="_blank"><img src="//cursa.app/css/svg/brand-facebook.svg" alt="Lien vers le Facebook de Cursa - Cours en ligne gratuits" loading="lazy"></a>
<a href="https://www.linkedin.com/company/cursa-online-courses/" target="_blank"><img src="//cursa.app/css/svg/brand-linkedin.svg" alt="Lien vers LinkedIn de Cursa - Cours en ligne gratuits" loading="lazy"></a>
</div>
</div>
<div class="lastFooter">
<div class="name-and-languages">
<p>MEDEIROS TECNOLOGIA LTDA - CNPJ 24.471.978/0001-08</p>
<div class="other-languages">
<p>Cours en ligne gratuits dans d'autres langues :</p>
<div class="link">
<a href="//cursa.app/en">Anglais</a>
<a href="//cursa.app/es">Espagnol</a>
<a href="//cursa.app/pt">Portugais</a>
<a href="//cursa.app/hi">Hindi</a>
</div>
</div>
</div>
<div class="down-app">
<a href='https://play.google.com/store/apps/details?id=com.ionicframework.cursosdegraca&referrer=utm_source&utm_source=site&utm_medium=en&utm_campaign=downbanner' target="_blank">
<img class="app" alt='Téléchargez-le sur Google Play' src='//cursa.app/img/downapp/google_play_en.webp' width='165' height='50' loading="lazy" />
</a>
<a href='https://apps.apple.com/en/app/id1532641572' target="_blank">
<img class="app" alt="Téléchargez-le sur l'App Store" src='//cursa.app/img/downapp/apple_store_en.webp' width='165' height='49' loading="lazy" />
</a>
</div>
<div class="abed-dmca">
<a href="//www.dmca.com/Protection/Status.aspx?ID=794d5a52-45fa-454b-b8e8-8dda82b799d6" title="DMCA.com Protection Status" class="dmca-badge">
<img src="https://images.dmca.com/Badges/dmca-badge-w250-5x1-03.png?ID=794d5a52-45fa-454b-b8e8-8dda82b799d6" loading="lazy" alt="DMCA.com Protection Status" />
</a>
</div>
</div>
</div>
</footer>
<div id="message" hidden>
<p></p>
<button onclick="hideMessage()">OK</button>
</div>
<div id="shadow" onclick="hideMessage()" hidden></div>
<div id="loading" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="32px" height="32px" fill="#FFF"><path d="M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z"/></svg></div>
<div id="cookies-advice" hidden>
<p>Ce site utilise des cookies pour améliorer votre expérience de navigation. En naviguant sur le site, vous consentez à son utilisation.</p>
<button onclick="hideCookiesAdvice()">OK</button>
</div> <script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Course",
"name": "HTML et CSS Débutant : Créer des Sites Web Modernes - Flexbox, Grid, Formulaires",
"description": "Cours gratuit pour débuter en HTML et CSS : structure, styles, Flexbox, Grid, formulaires et mise en page moderne pour créer des sites web.",
"about": "Programmation web",
"educationalCredentialAwarded": "Certificat d'achèvement le HTML et CSS Débutant : Créer des Sites Web Modernes - Flexbox, Grid, Formulaires",
"inLanguage": "fr",
"thumbnailUrl": "https://cursa-cat-img.s3.amazonaws.com/courses/fr/html-et-css-debutant-creer-des-sites-web-modernes-flexbox-grid-formulaires-fgii_s.webp",
"image": "https://cursa-cat-img.s3.amazonaws.com/courses/fr/html-et-css-debutant-creer-des-sites-web-modernes-flexbox-grid-formulaires-fgii_m.webp",
"url": "https://cursa.app/fr/cours-gratuit/html-et-css-debutant-creer-des-sites-web-modernes-flexbox-grid-formulaires-fgii",
"isAccessibleForFree": true,
"accessMode": ["textual", "auditory", "visual"],
"provider": {
"@type": "EducationalOrganization",
"name": "Cursa",
"url": "https://cursa.app",
"logo": "https://cursa.app/img/logo.webp",
"sameAs": [
"https://www.instagram.com/cursa.app.br",
"https://www.instagram.com/cursa.app.en",
"https://www.instagram.com/cursa.app.es",
"https://www.linkedin.com/company/cursa-online-courses",
"https://www.facebook.com/cursosdegraca",
"https://www.facebook.com/cursa.app.es",
"https://www.facebook.com/cursa.app.en",
"https://www.youtube.com/@cursa-cursos-online-gratuitos",
"https://www.youtube.com/@cursa-english-free-courses"
]
},
"hasCourseInstance": {
"@type": "CourseInstance",
"courseMode": ["online"],
"courseWorkload": "PT9H40M"
},
"offers": {
"@type": "Offer",
"category": "Free",
"price": "0.00",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
}
,
"syllabusSections": [
{
"@type": "Syllabus",
"name": "Fondations du HTML : structure, texte, liens et images"
,
"timeRequired": "PT2H18M"
}
, {
"@type": "Syllabus",
"name": "Prise en main : premier TP HTML"
,
"timeRequired": "PT19M"
}
, {
"@type": "Syllabus",
"name": "Bases du CSS : intégration, typographie, couleurs et effets"
,
"timeRequired": "PT3H7M"
}
, {
"@type": "Syllabus",
"name": "Structurer et comprendre la mise en page : sémantique et modèle des boîtes"
,
"timeRequired": "PT43M"
}
, {
"@type": "Syllabus",
"name": "Mise en page moderne : Flexbox, CSS Grid et alternatives"
,
"timeRequired": "PT1H38M"
}
, {
"@type": "Syllabus",
"name": "Données et interactions : tableaux et formulaires"
,
"timeRequired": "PT1H34M"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Tous les cours",
"item": "https://cursa.app/fr/"
}
, {
"@type": "ListItem",
"position": 2,
"name": "L'informatique",
"item": "https://cursa.app/cours-online-linformatique-gratuits"
}
, {
"@type": "ListItem",
"position": 3,
"name": "Programmation web",
"item": "https://cursa.app/cours-gratuits-programmation-web-online"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Comment centrer ou aligner des éléments avec Flexbox en CSS ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Appliquez display: flex au conteneur, puis utilisez justify-content et align-items pour gérer l’alignement."
}
}
, {
"@type": "Question",
"name": "Quelle différence entre CSS Grid et Flexbox pour créer une mise en page ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Flexbox organise surtout les éléments sur une ligne ou une colonne, tandis que Grid structure une mise en page en lignes et colonnes."
}
}
, {
"@type": "Question",
"name": "Quels attributs utiliser dans une balise img en HTML ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Utilisez au minimum src pour le fichier image et alt pour décrire l’image."
}
}
]
}
</script>
<script>
var slugpage = 'course';
</script>
<script>
//All site
var language = 'FR';
var rooturl = '//cursa.app/';
var rootlang = 'https://cursa.app/fr/';
var apiurl = 'https://api.appcursosdegraca.com.br/';
var lbdurl = 'https://api.cursa.app/';
var arrMenu = '[{"name":"L_informatique","color":"#2f258e","url":"https:\/\/cursa.app\/cours-online-linformatique-gratuits","subs":[{"name":"Excel, Word, LibreOffice et plus","url":"https:\/\/cursa.app\/cours-gratuits-productivite-bureautique-online"},{"name":"Programmation web","url":"https:\/\/cursa.app\/cours-gratuits-programmation-web-online"},{"name":"Informatique de base","url":"https:\/\/cursa.app\/cours-gratuits-informatique-de-base-online"},{"name":"Base de donn\u00e9es","url":"https:\/\/cursa.app\/cours-gratuits-base-de-donnees-online"},{"name":"Serveurs Web et r\u00e9seaux informatiques","url":"https:\/\/cursa.app\/cours-gratuits-serveurs-web-et-reseaux-informatiques-online"},{"name":"Programmation d_applications mobiles","url":"https:\/\/cursa.app\/cours-gratuits-programmation-dapplications-mobiles-online"},{"name":"Logique de programmation","url":"https:\/\/cursa.app\/cours-gratuits-logique-de-programmation-online"},{"name":"Langages de programmation","url":"https:\/\/cursa.app\/cours-gratuits-programmation-multiplateforme-online"},{"name":"Test de logiciel","url":"https:\/\/cursa.app\/cours-gratuits-test-de-logiciel-online"},{"name":"Programmation de jeux","url":"https:\/\/cursa.app\/cours-gratuits-programmation-de-jeux-online"},{"name":"D\u00e9veloppement back-end","url":"https:\/\/cursa.app\/cours-gratuits-developpement-back-end-online"},{"name":"S\u00e9curit\u00e9 des informations","url":"https:\/\/cursa.app\/cours-gratuits-securite-des-informations-online"},{"name":"Intelligence artificielle et science des donn\u00e9es","url":"https:\/\/cursa.app\/cours-gratuits-intelligence-artificielle-et-science-des-donnees-online"},{"name":"Outils informatiques","url":"https:\/\/cursa.app\/cours-gratuits-outils-informatiques-online"},{"name":"Syst\u00e8mes op\u00e9rationnels","url":"https:\/\/cursa.app\/cours-gratuits-systemes-operationnels-online"}]},{"name":"Langues et communication","color":"#255d8e","url":"https:\/\/cursa.app\/cours-online-langues-et-communication-gratuits","subs":[{"name":"Anglais","url":"https:\/\/cursa.app\/cours-gratuits-anglais-online"},{"name":"Fran\u00e7ais","url":"https:\/\/cursa.app\/cours-gratuits-francais-online"},{"name":"Espagnol","url":"https:\/\/cursa.app\/cours-gratuits-espagnol-online"},{"name":"Chinois","url":"https:\/\/cursa.app\/cours-gratuits-chinois-online"},{"name":"Italien","url":"https:\/\/cursa.app\/cours-gratuits-italien-online"},{"name":"Allemand","url":"https:\/\/cursa.app\/cours-gratuits-allemand-online"},{"name":"Japonais","url":"https:\/\/cursa.app\/cours-gratuits-japonais-online"},{"name":"Russe","url":"https:\/\/cursa.app\/cours-gratuits-russe-online"},{"name":"Portugais","url":"https:\/\/cursa.app\/cours-gratuits-portugais-online"},{"name":"Cor\u00e9en","url":"https:\/\/cursa.app\/cours-gratuits-coreen-online"}]},{"name":"Gestion et affaires","color":"#258e8e","url":"https:\/\/cursa.app\/cours-online-gestion-et-affaires-gratuits","subs":[{"name":"Marketing digital","url":"https:\/\/cursa.app\/cours-gratuits-marketing-digital-fr-online"},{"name":"Gestion de projet","url":"https:\/\/cursa.app\/cours-gratuits-gestion-de-projet-online"},{"name":"Comptabilit\u00e9","url":"https:\/\/cursa.app\/cours-gratuits-comptabilite-online"},{"name":"Entrepreneuriat et administration des affaires","url":"https:\/\/cursa.app\/cours-gratuits-entrepreneuriat-online"},{"name":"Ventes","url":"https:\/\/cursa.app\/cours-gratuits-ventes-online"},{"name":"Investissements","url":"https:\/\/cursa.app\/cours-gratuits-investissements-online"},{"name":"\u00c9conomie","url":"https:\/\/cursa.app\/cours-gratuits-economie-online"},{"name":"Direction financi\u00e8re","url":"https:\/\/cursa.app\/cours-gratuits-financement-d-entreprise-online"},{"name":"Ressources humaines","url":"https:\/\/cursa.app\/cours-gratuits-ressources-humaines-online"}]},{"name":"Professionnaliser","color":"#258e4d","url":"https:\/\/cursa.app\/cours-online-professionnaliser-gratuits","subs":[{"name":"Maintenance Automobile","url":"https:\/\/cursa.app\/cours-gratuits-entretien-de-la-voiture-online"},{"name":"Service client, secr\u00e9tariat et accueil","url":"https:\/\/cursa.app\/cours-gratuits-service-client-secretariat-et-accueil-online"},{"name":"Climatisation et R\u00e9frig\u00e9ration","url":"https:\/\/cursa.app\/cours-gratuits-climatisation-et-refrigeration-online"},{"name":"Mode, coupe et couture","url":"https:\/\/cursa.app\/cours-gratuits-mode-coupe-et-couture-online"},{"name":"Agent immobilier","url":"https:\/\/cursa.app\/cours-gratuits-agent-immobilier-online"},{"name":"Construction","url":"https:\/\/cursa.app\/cours-gratuits-construction-fr-online"},{"name":"Cuisson","url":"https:\/\/cursa.app\/cours-gratuits-cuisson-online"},{"name":"\u00c9lectronique","url":"https:\/\/cursa.app\/cours-gratuits-electronique-online"},{"name":"Menuiserie","url":"https:\/\/cursa.app\/cours-gratuits-menuiserie-online"},{"name":"La Coupe de cheveux","url":"https:\/\/cursa.app\/cours-gratuits-la-coupe-de-cheveux-online"},{"name":"Entretien smartphone","url":"https:\/\/cursa.app\/cours-gratuits-entretien-smartphone-online"},{"name":"Soudage","url":"https:\/\/cursa.app\/cours-gratuits-soudage-online"},{"name":"Autres m\u00e9tiers","url":"https:\/\/cursa.app\/cours-gratuits-autres-metiers-online"},{"name":"S\u00e9curit\u00e9 du lieu de travail","url":"https:\/\/cursa.app\/cours-gratuits-securite-du-lieu-de-travail-online"},{"name":"Agroalimentaire et Environnement","url":"https:\/\/cursa.app\/cours-gratuits-agroalimentaire-et-environnement-online"},{"name":"Propri\u00e9t\u00e9 et s\u00e9curit\u00e9 priv\u00e9e","url":"https:\/\/cursa.app\/cours-gratuits-propriete-et-securite-privee-online"},{"name":"Ing\u00e9nierie et m\u00e9canique","url":"https:\/\/cursa.app\/cours-gratuits-ingenierie-et-mecanique-online"}]},{"name":"Art et d\u00e9sign","color":"#278e25","url":"https:\/\/cursa.app\/cours-online-art-et-design-gratuits","subs":[{"name":"Graphisme","url":"https:\/\/cursa.app\/cours-gratuits-graphisme-online"},{"name":"L_\u00e9dition d_image","url":"https:\/\/cursa.app\/cours-gratuits-l-edition-d-image-online"},{"name":"Montage vid\u00e9o","url":"https:\/\/cursa.app\/cours-gratuits-montage-video-online"},{"name":"Mod\u00e9lisation 3D","url":"https:\/\/cursa.app\/cours-gratuits-modelisation-3d-online"},{"name":"Exp\u00e9rience utilisateur UX","url":"https:\/\/cursa.app\/cours-gratuits-experience-utilisateur-ux-online"},{"name":"Animations","url":"https:\/\/cursa.app\/cours-gratuits-animations-online"}]},{"name":"\u00c9ducation de base","color":"#4d8e25","url":"https:\/\/cursa.app\/cours-online-education-de-base-gratuits","subs":[{"name":"R\u00e9daction et m\u00e9moire","url":"https:\/\/cursa.app\/cours-gratuits-redaction-et-memoire-online"},{"name":"Math","url":"https:\/\/cursa.app\/cours-gratuits-math-online"},{"name":"Physique","url":"https:\/\/cursa.app\/cours-gratuits-physique-online"},{"name":"Histoire","url":"https:\/\/cursa.app\/cours-gratuits-histoire-online"},{"name":"Philosophie","url":"https:\/\/cursa.app\/cours-gratuits-philosophie-online"},{"name":"Biologie","url":"https:\/\/cursa.app\/cours-gratuits-biologie-online"},{"name":"Chimie","url":"https:\/\/cursa.app\/cours-gratuits-chimie-online"},{"name":"G\u00e9ographie","url":"https:\/\/cursa.app\/cours-gratuits-geographie-online"}]},{"name":"Musique","color":"#7e8e25","url":"https:\/\/cursa.app\/cours-online-musique-gratuits","subs":[{"name":"Piano et clavier","url":"https:\/\/cursa.app\/cours-gratuits-piano-et-clavier-online"},{"name":"Guitare","url":"https:\/\/cursa.app\/cours-gratuits-guitare-online"}]},{"name":"Esth\u00e9tique","color":"#8e6d25","url":"https:\/\/cursa.app\/cours-online-esthetique-gratuits","subs":[{"name":"Maquillage et soins de la peau","url":"https:\/\/cursa.app\/cours-gratuits-maquillage-et-soins-de-la-peau-online"},{"name":"Nail Art, Manucure et P\u00e9dicure","url":"https:\/\/cursa.app\/cours-gratuits-nail-art-manucure-et-pedicure-online"},{"name":"Soins capillaires et Coiffure","url":"https:\/\/cursa.app\/cours-gratuits-soins-capillaires-et-coiffure-online"}]},{"name":"Sant\u00e9","color":"#8e4825","url":"https:\/\/cursa.app\/cours-online-sante-gratuits","subs":[{"name":"personnes \u00e2g\u00e9es et enfants","url":"https:\/\/cursa.app\/cours-gratuits-personnes-agees-et-enfants-online"},{"name":"La nutrition","url":"https:\/\/cursa.app\/cours-gratuits-la-nutrition-online"},{"name":"Premiers secours","url":"https:\/\/cursa.app\/cours-gratuits-premiers-secours-online"},{"name":"Psychologie","url":"https:\/\/cursa.app\/cours-gratuits-psychologie-online"},{"name":"\u00c9ducation physique","url":"https:\/\/cursa.app\/cours-gratuits-education-physique-online"},{"name":"Allaitement","url":"https:\/\/cursa.app\/cours-gratuits-allaitement-online"}]},{"name":"Autres","color":"#8e3325","url":"https:\/\/cursa.app\/cours-online-autres-gratuits","subs":[{"name":"La photographie","url":"https:\/\/cursa.app\/cours-gratuits-la-photographie-online"},{"name":"Youtuber","url":"https:\/\/cursa.app\/cours-gratuits-youtuber-fr-online"},{"name":"Th\u00e9\u00e2tre et cin\u00e9ma","url":"https:\/\/cursa.app\/cours-gratuits-theatre-et-cinema-online"},{"name":"Danse","url":"https:\/\/cursa.app\/cours-gratuits-danse-online"},{"name":"Des sports","url":"https:\/\/cursa.app\/cours-gratuits-des-sports-online"},{"name":"Robotique \/ Arduino","url":"https:\/\/cursa.app\/cours-gratuits-robotique-arduino-online"},{"name":"Jeux et sports","url":"https:\/\/cursa.app\/cours-gratuits-jeux-et-sports-online"}]}]';
//Home and last courses
var slug_course = 'cours-gratuit';
const DOWN_ANDROID_URL = 'https://play.google.com/store/apps/details?id=com.ionicframework.cursosdegraca&referrer=utm_source&utm_source=site&utm_medium=fr&utm_campaign=site_course_click';
const DOWN_IOS_URL = 'https://apps.apple.com/fr/app/id1532641572';
</script>
<script language="javascript" type="text/javascript" src="//cursa.app/js/main-min.js?v=4" defer></script></body>
</html>
