CATALOGUE Code & Data Formation Web App Créer une Web App Guide basique de la propriété Float en CSS

Guide basique de la propriété Float en CSS

Propriété CSS Float
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Créer une Web App
Revoir le teaser Je m'abonne
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Utilisation et particularités de la propriété Float

Objectifs

Les objectifs de cette vidéo incluent :

  • Comprendre l'utilisation de la propriété Float en CSS.
  • Apprendre à insérer des images avec les attributs corrects.
  • Savoir comment entourer une image avec du texte.
  • Maitriser l'annulation des flottements avec la propriété clear.

Résumé

Apprenez à utiliser la propriété Float en CSS pour intégrer des images avec du texte qui les entoure dans vos pages web.

Description

Dans cette leçon, nous explorerons l'utilisation de la propriété Float de CSS, qui permet de faire en sorte qu'une image insérée dans un texte soit entourée par celui-ci. Nous verrons comment insérer une balise IMG avec ses attributs de source, de largeur, de hauteur et de texte alternatif (alt). Par défaut, le texte se positionne en bas de l'image et continue dessous. Pour ajuster ceci, nous utiliserons la propriété Float pour que l'image flotte à gauche, permettant ainsi au texte de se placer à droite.

Nous aborderons également les effets de bord, comme la manière dont les éléments suivants tentent d'entourer l'image, et les techniques pour contrer cet effet en ajoutant une balise supplémentaire avec la propriété clear. Enfin, nous parlerons de l'utilisation des marges pour améliorer l'esthétique de la disposition du texte autour de l'image.

Voir plus

Questions - réponses

Pourquoi est-il important d'ajouter l'attribut 'alt' aux images ?
L'attribut 'alt' est important car il fournit une description textuelle de l'image pour les lecteurs d'écran et améliore l'accessibilité du site web.
Qu'est-ce que la propriété Float en CSS permet de réaliser ?
La propriété Float en CSS permet de faire flotter un élément, en le poussant vers la gauche ou la droite, et permet au texte de l'entourer.
Comment peut-on corriger un élément flottant qui affecte les éléments suivants sur la page ?
On peut corriger cela en ajoutant une balise avec la propriété clear, qui annule le flottement et repositionne les éléments suivants de manière appropriée.

Programme détaillé