Multimédia : ajouter des vidéos et du son
Intégrez des vidéos et des fichiers audio à votre page web
Multimédia : ajouter des vidéos et du son est une leçon HTML for Kids gratuite sur CoddyKit. Ceci est la leçon 4 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage HTML for Kids, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours HTML for Kids comprend 4 leçons au total.
Styles intégrés : ajouter une mise en forme simple à votre HTML
Bienvenue dans le monde de la mise en forme ! Aujourd’hui, nous allons apprendre à utiliser les styles intégrés pour modifier l’apparence des éléments de votre page web. Les styles intégrés constituent un moyen simple et rapide d’améliorer l’apparence de votre page.
Que sont les styles intégrés ?
Les styles intégrés vous permettent d’appliquer CSS (feuilles de style en cascade) directement à un élément HTML à l’aide de l’attribut style.
Exemple :
<h1 style="color: red;">Hello, World!</h1>
Cela affichera un titre rouge. Voyons comment cela fonctionne !
Modifier la couleur du texte
Vous pouvez modifier la couleur du texte à l’aide de la propriété color dans l’attribut style.
Exemple :
<p style="color: blue;">This is blue text.</p>
Modifier la taille du texte
Pour modifier la taille du texte, utilisez la propriété font-size.
Exemple :
<p style="font-size: 20px;">This text is 20 pixels large.</p>Ajouter une couleur d’arrière-plan
Vous pouvez ajouter une couleur d’arrière-plan à un élément à l’aide de la propriété background-color.
Exemple :
<p style="background-color: yellow;">This text has a yellow background.</p>Combiner plusieurs styles
Vous pouvez combiner plusieurs styles en les séparant par un point-virgule ;.
Exemple :
<p style="color: white; background-color: black; font-size: 18px;">
This text has multiple styles applied!
</p>Mettre en forme d’autres éléments
Les styles intégrés fonctionnent sur tous les éléments HTML, comme les titres, les paragraphes et les boutons.
Exemple :
<h1 style="color: green;">Styled Heading</h1>
<button style="background-color: lightblue; border: none; padding: 10px;">
Styled Button
</button>Essayez vous-même
Créons une page web avec des styles intégrés. Voici un exemple :
<!DOCTYPE html>
<html>
<head>
<title>Inline Styles Example</title>
</head>
<body>
<h1 style="color: purple;">Welcome to My Styled Page</h1>
<p style="color: gray; font-size: 16px;">
This paragraph has styled text.
</p>
<button style="background-color: coral; color: white; padding: 10px;">
Click Me!
</button>
</body>
</html>
Excellent travail !
Félicitations ! Vous avez appris à utiliser les styles intégrés pour ajouter une mise en forme simple et efficace à vos pages web. Les styles intégrés sont parfaits pour effectuer rapidement des modifications, mais la mise en forme ne s’arrête pas là ! Dans la prochaine leçon, nous découvrirons les bases de CSS afin d’exploiter tout le potentiel de la conception web. Préparez-vous à créer de magnifiques pages web !
Questions Fréquemment Posées
La leçon « Multimédia : ajouter des vidéos et du son » est-elle gratuite ?
Oui — le texte complet de « Multimédia : ajouter des vidéos et du son » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours HTML for Kids, passe à CoddyKit PRO. Le cours HTML for Kids comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Multimédia : ajouter des vidéos et du son » ?
Intégrez des vidéos et des fichiers audio à votre page web Tu pratiques HTML for Kids avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer HTML for Kids ?
Aucune expérience préalable n'est requise. HTML for Kids sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 4 sur 4.
Combien de temps prend la leçon « Multimédia : ajouter des vidéos et du son » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon HTML for Kids ?
Oui. Chaque leçon HTML for Kids inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Tableaux : organiser les données
- Formulaires : recueillir les saisies des utilisateurs
- Attributs HTML
- Multimédia : ajouter des vidéos et du son