Image de cours gratuite HTML et CSS complet

Cours en ligne gratuitHTML et CSS complet

Durée du cours en ligne : 11 heure et 30 minutes

4.58

étoileétoileétoileétoileDemi-étoile

(74)

Apprenez HTML et CSS gratuitement avec un cours complet couvrant tout, de la structure de base à la création de sites Web personnels, idéal pour débutants et intermédiaires.

Dans ce cours gratuit, découvrez

  • Introduction au HTML, au CSS et à l'environnement de travail
  • Bases du HTML : structure et texte
  • HTML : listes, liens, images et bonnes pratiques
  • Introduction au CSS : syntaxe, sélecteurs et bases
  • Modèle de boîte, types d’éléments et typographie
  • Mise en page CSS : boîte, positionnement et alignement
  • Arrière-plans, dégradés et images en CSS
  • Tableaux HTML et opérations sur médias
  • Médias HTML5 : audio, vidéo et intégration
  • CSS avancé : notations, sélecteurs complexes et pseudo-éléments
  • Transitions, animations et interactions CSS
  • Formulaires HTML : création, champs et mise en forme
  • Responsive design et adaptation aux écrans
  • Projet final : création d’un site CV complet

Descriptif du cours

Le cours "HTML et CSS complet" est un programme exhaustif de 11 heures et 30 minutes conçu pour ceux qui souhaitent maîtriser les bases et les nuances avancées du HTML et du CSS. Ce cours appartient à la catégorie de l'informatique, plus précisément à la sous-catégorie de la programmation web.

Avec une note impressionnante de 4.7 étoiles, ce cours a reçu d'excellentes critiques de la part des étudiants, ce qui témoigne de sa qualité et de sa pertinence. Adapté aussi bien aux débutants qu'aux développeurs web intermédiaires, il offre une couverture complète des concepts essentiels et avancés du HTML et du CSS.

Le cours commence par une introduction avec la "Présentation du cours", discutant de l'importance d'apprendre à coder et expliquant les définitions et rôles du HTML et du CSS, ainsi que leurs différentes versions. Les premières leçons abordent également des sujets techniques comme le travail en local et en production, et le choix de l'éditeur de texte.

Les élèves sont ensuite guidés à travers des concepts fondamentaux du HTML, y compris les éléments, balises et attributs, la structure d'une page HTML, la création de pages web, et l'utilisation de titres, paragraphes, listes et liens. Des aspects plus spécifiques comme l'insertion d'images, la validation du code et la compatibilité sont également abordés.

En passant au CSS, le cours explique où écrire le CSS et les commentaires en CSS, puis il débogue différents sélecteurs CSS, y compris les sélecteurs simples, id et class, et des sélecteurs complexes. Des concepts cruciaux comme l'héritage, les types d'éléments (block et inline), et les éléments div et span sont traités en profondeur.

Le cours explore ensuite les propriétés de style en CSS telles que font family, couleurs, opacité et gestion des espaces. Les étudiants apprendront à travailler avec les modèles des boîtes, y compris la manipulation de la largeur, hauteur, bordures, padding, margin, ombres, et la propriété display.

Des sujets avancés comme les propriétés position et z-index, les propriétés float et clear, ainsi que l'alignement et la gestion des couleurs de fond et des images de fond sont abordés. Les dégradés linéaires et radiaux sont également démontrés pour donner plus de profondeur visuelle aux créations web.

Le programme inclut la création, la structuration et la gestion des tableaux et des images, ainsi que l'intégration d'audio et de vidéos en HTML, permettant aux étudiants de développer des sites web riches en médias. La sémantique et les notations CSS sont également étudiées pour assurer un code propre et maintenable.

Les élèves ont l'occasion d'explorer des fonctionnalités interactives avec les pseudo-classes, pseudo-éléments, les sprites CSS, les transitions et les animations CSS, fournissant des outils pour créer des interfaces utilisateur dynamiques et engageantes.

Le cours comprend également des leçons approfondies sur les formulaires HTML, allant de la création de formulaires simples aux formulaires complexes avec divers types d'inputs et listes d'options, ainsi que l'organisation et la mise en forme des formulaires.

Enfin, une section dédiée au responsive design aide les étudiants à concevoir des sites web adaptatifs. Des concepts comme le meta viewport, les valeurs CSS relatives, les media queries sont explorés. Le cours se termine par un projet de création d'un site personnel (site CV) en quatre parties, permettant aux étudiants de consolider leurs connaissances dans un projet concret.

En conclusion, ce cours offre une immersion complète dans l'apprentissage du HTML et du CSS, tout en guidant les étudiants pas à pas pour qu'ils puissent créer des sites web modernes et réactifs.

Contenu du cours

  • Leçon vidéo : COURS COMPLET HTML ET CSS [1/71] - Pre?sentation du cours 03m
  • Exercice: _Quel est le but de ce tutoriel ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [2/71] - Pourquoi apprendre à coder ? 08m
  • Exercice: Pourquoi est-il crucial d'apprendre le HTML et le CSS pour le développement web?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [3/71] - De?finitions et ro?les 07m
  • Exercice: Quels sont les rôles principaux du HTML et du CSS ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [4/71] - Versions HTML et CSS 03m
  • Exercice: _Qu'est-ce qu'une version en HTML et CSS ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [5/71] - Travail en local et en production 04m
  • Exercice: Quel est l'avantage principal de travailler en local plutôt qu'en production ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [6/71] - L'e?diteur de texte 05m
  • Exercice: Quel type de logiciel est recommandé pour commencer à coder en HTML et CSS ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [7/71] - Ele?ments, balises et attributs 11m
  • Exercice: _Quel est l'objectif premier du chapitre sur les éléments et balises HTML ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [8/71] - Structure d'une page HTML 07m
  • Exercice: Qu'est-ce qui constitue une page HTML valide ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [9/71] - Cre?ation d'une page HTML 05m
  • Exercice: Quelle est la première étape pour créer un fichier HTML ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [10/71] - Indentation et commentaires HTML 09m
  • Exercice: _Qu'est-ce qu'un "dante" en HTML et pourquoi est-il important de l'utiliser ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [11/71] - Titres et paragraphes en HTML 09m
  • Exercice: Quelle est la différence entre les éléments 'title' et 'H' en HTML?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [12/71] - Espaces et retours a? la ligne en HTML 08m
  • Exercice: Quel élément HTML utilise-t-on pour effectuer un retour à la ligne ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [13/71] - Les niveaux d'importance des textes 07m
  • Exercice: _Quels sont les objectifs de ce chapitre sur la gestion de l'importance des textes HTML?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [14/71] - Les listes en HTML 13m
  • Exercice: Quels sont les types de listes en HTML abordés dans le chapitre?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [15/71] - Liens internes et externes en HTML 17m
  • Exercice: Qu'est-ce qu'un lien interne en HTML ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [16/71] - Autres types de liens HTML 13m
  • Exercice: _Quel est l'objectif de la création d'une encre en HTML ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [17/71] - Inse?rer des images en HTML 10m
  • Exercice: Quel format d'image est généralement choisi pour économiser le poids tout en conservant une bonne qualité pour des photographies ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [18/71] - Validation et compatibilite? du code 08m
  • Exercice: Quelle est l'importance des entités HTML dans le codage web ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [19/71] - Se?lecteurs et proprie?te?s CSS 05m
  • Exercice: _Qu'est-ce que les sélecteurs CSS ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [20/71] - Ou? e?crire le CSS 08m
  • Exercice: Quels sont les trois endroits où l'on peut écrire du code CSS selon le cours ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [21/71] - Les commentaires en CSS 04m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [22/71] - Les se?lecteurs CSS simples 05m
  • Exercice: _Qu'est-ce que les sélecteurs CSS simples ciblent ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [23/71] - Les attributs id et class 07m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [24/71] - L'he?ritage en CSS 07m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [25/71] - Les types block et inline 05m
  • Exercice: _Qu'est-ce qu'un élément de type bloc en HTML et CSS ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [26/71] - Les e?le?ments HTML div et span 07m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [27/71] - La proprie?te? CSS font family 07m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [28/71] - Autres proprie?te? CSS de type font 07m
  • Exercice: _Quelle est la propriété CSS utilisée pour modifier la taille de la police d'écriture ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [29/71] - Couleur et opacite? en CSS 22m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [30/71] - Proprie?te?s CSS de type text 14m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [31/71] - Gestion des espaces en CSS 05m
  • Exercice: _Quelles sont les trois nouvelles propriétés CSS que nous allons découvrir dans ce chapitre pour gérer les espaces en CSS?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [32/71] - Le mode?le des boi?tes 06m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [33/71] - Largeur et hauteur en CSS 07m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [34/71] - Les bordures en CSS 10m
  • Exercice: _Comment définir une bordure en CSS pour un élément HTML ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [35/71] - Padding et margin en CSS 11m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [36/71] - Les ombres des boi?tes 04m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [37/71] - La proprie?te? CSS display 08m
  • Exercice: _Quelle est la différence entre les valeurs "inline" et "block" de la propriété CSS "display" ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [38/71] - Les proprie?te?s position et z index 13m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [39/71] - Les proprie?te?s float et clear 09m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [40/71] - L'alignement en CSS 06m
  • Exercice: _Comment peut-on aligner horizontalement un élément HTML en CSS ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [41/71] - La couleur de fond 03m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [42/71] - Images de fond et gestion du fond 12m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [43/71] - De?grade?s line?aires 12m
  • Exercice: _Qu'est-ce qu'un préfixe vendeur en CSS ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [44/71] - De?grade?s radiaux 14m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [45/71] - Cre?er un tableau simple 09m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [46/71] - Cre?er un tableau structure? 09m
  • Exercice: _Quel élément HTML est utilisé pour créer une ligne dans l'en-tête d'un tableau?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [47/71] - Ope?rations sur les tableaux 10m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [48/71] - Ope?rations sur les images 07m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [49/71] - Inse?rer de l'audio en HTML 05m
  • Exercice: _Quel est l'attribut que l'on doit obligatoirement préciser pour l'élément audio en HTML ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [50/71] - Inse?rer des vide?os en HTML 05m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [51/71] - Inte?gration de me?dia et se?mantique 04m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [52/71] - Notations CSS short hand et long hand 09m
  • Exercice: _Quelles sont les propriétés CSS utilisées dans la notation short hand "fonte" ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [53/71] - Se?lecteurs CSS complexes 11m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [54/71] - Pseudo classes CSS 11m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [55/71] - Pseudo e?le?ments CSS 10m
  • Exercice: _Qu'est-ce qu'un pseudo élément en CSS ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [56/71] - Les sprites en CSS 09m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [57/71] - Les transitions CSS 10m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [58/71] - Les animations CSS 15m
  • Exercice: _Quelle est la propriété CSS qui correspond à la durée de l'animation en seconde?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [59/71] - Pre?sentation des formulaires 02m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [60/71] - Cre?er un formulaire HTML simple 09m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [61/71] - Types d'input et listes d'options 23m
  • Exercice: _Quelles sont les différentes valeurs que peut prendre l'attribut "type" de l'élément HTML "input" ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [62/71] - Les attributs des formulaires 12m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [63/71] - Organiser et mettre en forme un formulaire 14m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [64/71] - Introduction au responsive design 01m
  • Exercice: _Qu'est-ce que le responsable design en CSS ?
  • Leçon vidéo : COURS COMPLET HTML ET CSS [65/71] - Meta viewport et valeurs CSS relatives 07m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [66/71] - Media queries CSS 17m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [67/71] - Cre?ation d'un site personnel (site cv) 1/4 02m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [68/71] - Création d'un site personnel (site cv) 2/4 26m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [69/71] - Création d'un site personnel (site cv) 3/4 32m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [70/71] - Création d'un site personnel (site cv) 4/4 24m
  • Leçon vidéo : COURS COMPLET HTML ET CSS [71/71] - Conclusion 02m

Ce cours gratuit comprend:

11 heure et 30 minutes du cours vidéo en ligne

Certificat numérique de réussite du cours (gratuit)

Exercices pour développer vos connaissances

100% gratuit, du contenu au certificat

Prêt à commencer ?Téléchargez l’application et commencez dès aujourd’hui !

Installez l'application

dès maintenant pour accéder au cours
Icône représentant les cours de technologie et de commerce

Plus de 5000 cours gratuits

Programmation, anglais, marketing digital et bien plus encore ! Apprenez ce que vous voulez, gratuitement.

Icône de calendrier avec cible représentant la planification des études

Plan d'études avec IA

L'intelligence artificielle de notre application peut créer un planning d'études pour le cours que vous choisissez.

Icône professionnelle représentant la carrière et le commerce

De débutant à professionnel accompli

Améliorez votre CV grâce à notre certificat gratuit, puis utilisez notre intelligence artificielle pour trouver l'emploi de vos rêves.

Vous pouvez également utiliser le code QR ou les liens ci-dessous.

Code QR - Télécharger Cursa - Cours en ligne

Commentaires de cours: HTML et CSS complet

Les étudiants jugent le cours excellent, clair, pratique et complet, très instructif et facile à comprendre. Ils disent s’être perfectionnés, savent maintenant créer un site web et souhaitent poursuivre, tout en signalant qu’une mise à jour du contenu serait utile.

Maxime Matador

c'est vraiment un excellent cours: très pratique, bien expliqué. vraiment extraordinaire!

Grégory Vogel

Excellent cours, complet et très bien structuré. Mériterait cependant d'être mis à jour, certaines fonctionnalités ne sont plus vraiment d'actualité.

Louis Anderson Derice

sobre el curso no tengo nada que reprochar es increíble el profesor es calificado y enseña bien con mucha paciencia me encanta...

TCHEHOUENOU Félicien

J'ai reçu un très bon cours. C'est génial et intéressant. Je vous remercie beaucoup.

Joseph Patrusky

je vous remercie infiniment, grâce à vous je sais comment créer un site web...

APPRENDRE a DESSINER

c'est génial ! je trouve ce que j'ai besoin

Marcelin Minko

j’ai apprécié et je me suis perfectionné merci à vous !

Jules Adjaka

Excellent cours

Emmanu Missidi

c'est très symple et facile à comprendre merci

Yannick Magayane Yannick

Très bien

Plus de cours gratuits sur Programmation web

Téléchargez l'application dès maintenant pour avoir accès à + 3300 cours gratuits, exercices, certificats et de nombreux contenus sans rien payer !

  • Cours en ligne 100% gratuits du début à la fin

    Des milliers de cours en ligne en vidéo, livres électroniques et livres audio.

  • Plus de 48 000 exercices gratuits

    Pour tester vos connaissances lors de cours en ligne

  • Certificat numérique gratuit et valide avec code QR

    Généré directement à partir de la galerie de photos de votre téléphone portable et envoyé à votre adresse e-mail

Application Cursa sur l'écran du livre électronique, l'écran du cours vidéo et l'écran des exercices du cours, ainsi que le certificat de fin de cours

+ 9 millions
d'étudiants

Certificat gratuit et
valide avec QR Code

60 mille exercices
gratuits

Note de 4,8/5 dans les
magasins d'applications

Cours vidéo et livres
audio gratuits