CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 Comment insérer une image dans une page HTML

Comment insérer une image dans une page HTML

La balise img
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5
Revoir le teaser Je m'abonne
3,7
Transcription

79,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,7
79,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

L'objectif de cette vidéo est de permettre aux utilisateurs de comprendre et de maitriser l’insertion d’images sur une page HTML en utilisant la balise IMG, ainsi qu'à apprendre à configurer ses différents attributs.

Découvrez comment insérer une image dans une page HTML en utilisant la balise IMG à travers un guide détaillé.

Dans cette leçon, nous allons aborder en détail comment insérer une image dans une page HTML. Pour commencer, créez un dossier images dans le répertoire de votre site web. Utilisez Sublime Text pour faire un clic droit et ajouter un nouveau dossier nommé images. Ensuite, placez votre image dans ce dossier.

Pour insérer l’image, utilisez la balise auto-fermante IMG. Veillez à indiquer correctement la source de l’image (src), qui référence le dossier et le nom du fichier d’image avec son extension (ex : laptop.jpg). Respectez les majuscules et minuscules dans les noms de fichiers pour éviter les erreurs lors du chargement sur un serveur web.

Nous examinerons également les attributs essentiels de la balise image, tels que alt pour le texte alternatif, width pour la largeur et height pour la hauteur. Ces attributs jouent un rôle crucial dans le référencement web et l’accessibilité, ainsi que dans l’optimisation de l'affichage des images. Nous verrons comment spécifier et ajuster ces attributs pour que l’image s’affiche correctement selon les dimensions du navigateur web.

Voir plus
Questions réponses
Quel est le rôle de l'attribut 'alt' dans la balise IMG?
L'attribut 'alt' fournit un texte alternatif qui décrit l'image, essentiel pour le référencement et l'accessibilité.
Pourquoi est-il important de respecter les majuscules et minuscules dans le nom des fichiers d'image?
Parce que les serveurs web distinguent les majuscules et minuscules, ce qui peut entraîner des erreurs de chargement si le nom ne correspond pas exactement.
Comment le navigateur web gère-t-il les tailles d'image si les attributs width et height ne sont pas spécifiés?
Le navigateur calcule automatiquement la taille optimale de l'image pour l'afficher au bon format.

Programme détaillé

header 03:28
nav 01:05
main 01:22
footer 01:06
section 02:18
aside 01:09
article 04:21
9 commentaires
3,7
9 votes
5
4
3
2
1
henridjithat
Il y a 1 year
Commentaire
Parfait pour un débutant.
geoffrey.monange
Il y a 3 years
Commentaire
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 years
Commentaire
Bravo! car sincèrement dans l'ensemble il y a un vrai travail de fond et surtout d'excellentes bases que vous nous dévoilez. Après bien évidemment à chacun de se créer son univers de progression à travers différentes recherches autres... mais ne soyons pas trop dur non plus au niveau d'exigences démesurées et reconnaissons quand même avec un minimum de correction la qualité d'ensemble de ce qui nous est dévoilé. Sincèrement moi j'ai apprécié cette formation, qui m'a quand même appris des choses que je ne connaissais pas dans la profondeur. Donc merci !
jpe.beno
Il y a 3 years
Commentaire
Bonjour, dans le site final, il y a les explications du html (ok pour moi) mais ou sont les vidéos pour expliquer le css du site final ?
passprod_1
Il y a 3 years
Commentaire
Les vidéos des cours css dans cette formation "apprendre le HTML 5" sont impossibles à suivre pour une personne débutante... Les exercices css ne sont pas dans le dossier à télécharger.
allal73
Il y a 3 years
Commentaire
Bonne formation , merci , svp je pense qu'il manque des cours au chapitre 11 c'est manquant, je n'ai aucune info sur cette épisode, vous passez directement sur un exercice dont nous n'avons pas traité merci de corrigé, je n'est pas tous fini ma formation cela m'a perturber énormément.
lcerva38
Il y a 3 years
Commentaire
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 years
Commentaire
J'ai commencé à suivre ces vidéos qui sont de qualité, mais malheureusement certains modules ne correspondent pas au sujets abordés, erreur lors de l'upload. Exemple le module 16 traite du CSS et non pas du HTML.
stephane.cade
Il y a 4 years
Commentaire
Bonne formation. Je me demande s'il n'y a pas une anomalie au niveau du module 11. Une leçon manquante.J'ai eu le sentiment d'avoir manqué un épisode, alors que ce n'était pas le cas. Il me semble que c'était dans le module 11. Merci.