Image de cours gratuite HTML et CSS

Cours en ligne gratuitHTML et CSS

Durée du cours en ligne : 12 heure et 23 minutes

4.64

étoileétoileétoileétoileDemi-étoile

(11)

Créez vos premières pages web : apprenez HTML et CSS, pratiquez avec exercices, et gagnez les bases utiles pour coder, designer et publier en ligne. Cours gratuit.

Dans ce cours gratuit, découvrez

  • Rôle du HTML (structure) et du CSS (présentation) dans une page web
  • Créer une première page et comprendre l'intérêt du fichier index.html
  • Comprendre le fonctionnement des balises HTML (ouverture/fermeture, attributs)
  • Mettre en forme le texte : p, titres, abbr/title, emphasis, etc.
  • Utiliser code et balises de formatage technique pour afficher du code
  • Créer des listes ul/ol/li et les différencier (puces vs numérotation)
  • Construire des tableaux et comprendre quand un tableau est pertinent
  • Créer des formulaires : champs, types d'input et structuration avec fieldset
  • Insérer des images avec img et gérer les attributs essentiels (src, alt)
  • Intégrer audio/vidéo HTML5 et connaître les formats audio courants
  • Structurer une page avec des blocs/sections (div et/ou balises sémantiques)
  • Appliquer du CSS : sélecteurs, propriétés de texte (gras/italique/souligné)
  • Gérer couleurs et fonds (color, background) et styliser les listes
  • Comprendre le modèle de boîte et l'effet de margin/border sur l'alignement

Descriptif du cours

Vous voulez comprendre enfin comment se construit une page web et savoir la modifier sans tâtonner ? Ce cours en ligne gratuit HTML et CSS vous accompagne pas à pas pour passer de simples fichiers à de vraies pages lisibles, structurées et agréables à regarder. Vous apprenez à poser des fondations solides : organiser l’information, choisir les bons éléments, puis appliquer une mise en forme cohérente pour donner du style à votre contenu.

Au fil de la progression, vous développez les réflexes essentiels de la programmation web. HTML vous sert à décrire la structure et le sens d’une page, tandis que CSS vous permet d’en maîtriser l’apparence. Vous avancez avec une approche concrète : chaque notion est rapidement mise en pratique, ce qui vous aide à retenir plus vite et à éviter les erreurs classiques quand on débute. Résultat : vous êtes capable de créer une première page, la structurer correctement et la rendre plus claire pour les lecteurs comme pour les navigateurs.

Vous apprenez à travailler le texte et sa sémantique, à gérer les listes, les tableaux et les formulaires pour rendre vos pages interactives, ainsi qu’à intégrer des images, de l’audio et de la vidéo. Vous découvrez aussi comment découper une page en blocs de contenu pour la rendre plus maintenable. Côté design, vous prenez en main les styles typographiques, les couleurs et arrière-plans, la mise en forme des listes, ainsi que les règles qui gouvernent l’espace autour des éléments grâce au modèle de boîte, aux bordures, aux marges et à l’alignement.

Que votre objectif soit de créer un site vitrine, personnaliser un projet, mieux collaborer avec une équipe technique ou préparer l’apprentissage de JavaScript, vous repartez avec une base fiable et directement réutilisable. À la fin, vous saurez construire des pages propres, structurées et stylées, et surtout comprendre ce que vous faites pour continuer à progresser en autonomie.

Contenu du cours

  • Leçon vidéo : HTML/CSS #1 - introduction

    17m

  • Exercice: _À quoi servent le HTML et le CSS ?

  • Leçon vidéo : HTML/CSS #2 - première page web

    11m

  • Exercice: _Quel est le nom du fichier qu'il est recommandé de créer en priorité pour être reconnu par les navigateurs web ?

  • Leçon vidéo : HTML/CSS #3 - fonctionnement balises

    07m

  • Exercice: _Quel est le fonctionnement des balises en HTML ?

  • Leçon vidéo : HTML/CSS #4 - formatage texte (1/2)

    29m

  • Exercice: _Quelle est la balise la plus utilisée pour les paragraphes en HTML ?

  • Leçon vidéo : HTML/CSS #5 - formatage texte (2/2)

    23m

  • Exercice: _Quel est l'attribut que l'on peut utiliser pour définir la signification d'une abréviation en HTML ?

  • Leçon vidéo : HTML/CSS #6 - formatage technique

    25m

  • Exercice: _Quelle est l'utilité de la balise "code" en HTML ?

  • Leçon vidéo : HTML/CSS #7 - listes

    13m

  • Exercice: _Qu'est-ce qu'une liste à puce en HTML?

  • Leçon vidéo : HTML/CSS #8 - tableaux

    29m

  • Exercice: _Quel est l'intérêt d'utiliser un tableau dans une page web ?

  • Leçon vidéo : HTML/CSS #9 - formulaires (1/2)

    38m

  • Exercice: _Qu'est-ce qu'un formulaire en HTML et CSS ?

  • Leçon vidéo : HTML/CSS #10 - formulaires (2/2)

    27m

  • Exercice: _Quelle balise permet de définir une section dans un formulaire en HTML ?

  • Leçon vidéo : HTML/CSS #11 - images

    33m

  • Exercice: _Quelle est la balise HTML pour afficher une image ?

  • Leçon vidéo : HTML/CSS #12 - sons et vidéos

    15m

  • Exercice: _Quels sont les trois formats possibles pour l'audio en HTML5 ?

  • Leçon vidéo : HTML/CSS #13 - structurer page web

    31m

  • Exercice: _Quelle est la balise HTML qui permet de structurer une page en blocs de contenu ?

  • Leçon vidéo : HTML/CSS #14 - introduction design

    32m

  • Exercice: _Qu'est-ce que le CSS?

  • Leçon vidéo : HTML/CSS #15 - styliser texte (1/2)

    27m

  • Exercice: _Quel est le but du CSS dans la création de pages web ?

  • Leçon vidéo : HTML/CSS #16 - styliser texte (2/2)

    39m

  • Exercice: _Quelle est la propriété qui permet de mettre du texte en gras, en italique et souligné en même temps ?

  • Leçon vidéo : HTML/CSS #17 - couleur et fond

    34m

  • Exercice: _Quelle est la propriété CSS qui permet de jouer sur les couleurs ?

  • Leçon vidéo : HTML/CSS #18 - styliser liste

    11m

  • Exercice: _Quelles sont les propriétés CSS qui permettent de styliser les listes en HTML?

  • Leçon vidéo : HTML/CSS #19 - modèle de boîte

    26m

  • Exercice: _Qu'est-ce que les modèles de boîtes en HTML et CSS ?

  • Leçon vidéo : HTML/CSS #20 - bordures et contours

    34m

  • Exercice: _Qu'est-ce que la propriété de margin peut faire pour l'alignement des éléments dans une page web?

Ce cours gratuit comprend:

12 heure et 23 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

SA

Seferba Adama SIRIMA

étoileétoileétoileétoileétoile

Le meilleur des meilleurs pour apprendre grâce à Cursa je suis revenu un expert en HTML ET CSS

AH

AFFAKOU Horaces Vinonwa

étoileétoileétoileétoileétoile

Merci professeur pour l'ensemble des cours. Je m'applique et je crois que je vais arriver à créer un bon site.

HM

Hans Markenley Jean Charles

étoileétoileétoileétoileétoile

Bonsoir professeur. Explique moi un peu sur le fon du HTML

Plus de cours gratuits sur Programmation web

Ebook + livres audio gratuits ! Apprenez en écoutant ou en lisant !

Téléchargez l'application dès maintenant pour avoir accès à + 5000 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 60 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