Attribut de téléchargement HTML

En développant n'importe quelle application, nous devons souvent rendre les images téléchargeables. Par exemple, un site Web de portfolio qui fournit aux utilisateurs un exemple de curriculum vitae à télécharger ou plus. Pour ce faire, HTML propose le «télécharger”Attribut à être utilisé dans la balise d'ancrage.

Cet article démontrera l'attribut de téléchargement HTML.

Comment télécharger une image dans HTML?

Le "télécharger«L'attribut est utilisé dans le«”Ou tag d'ancrage. Cet attribut transformera le lien en un lien téléchargeable, qui téléchargera l'image spécifiée dans le «href" attribut.

Exemple

Dans HTML, ajoutez un nouvel élément div avec le nom de classe "contenu"À l'intérieur de la section du corps. Ensuite, spécifiez un "

”Tag pour ajouter du texte. Après cela, créez une autre div avec le nom de classe "téléchargement-image". Dans cette div, ajoutez une balise associée aux attributs href qui spécifient le lien vers l'image et l'attribut de téléchargement. Ensuite, définissez la balise avec les attributs suivants:

• "SRC”Pour fournir un lien vers l'image.
• "alt»Spécifie le texte affiché si l'image ne peut pas charger.
• "largeur»La propriété est utilisée pour définir la largeur de l'image.
• "hauteur»La propriété est utilisée pour définir la hauteur de l'image:

Cliquez sur l'image pour le télécharger:

Passons à la section CSS!

Style «Content» div

.contenu
Color d'arrière-plan: # b9e0ff;
rembourrage: 10px;

Le contenu div est appliqué avec les propriétés CSS suivantes:

• "Couleur de l'arrière plan»La propriété est utilisée pour appliquer la couleur d'arrière-plan à l'élément.
• "rembourrage»La propriété ajoute de l'espace à l'intérieur de l'élément.

Style «téléchargement-image» div

.téléchargement-image
Largeur: 300px;
hauteur: 200px;
marge: auto;

Le ".téléchargement-image«Est utilisé pour accéder au«téléchargement-image»Div. Les propriétés en dessous sont appliquées:

• "largeur»La propriété définit une largeur d'élément HTML.
• "hauteur»La propriété définit la hauteur d'un élément HTML.
• "marge»La propriété est utilisée pour ajouter de l'espace autour de l'élément.

Élément de style «P»

.contenu p
taille de police: 20px;

Le "taille de police»Propriété appliquée sur le

La balise est utilisée pour définir la taille de la police.

On peut observer que lorsque nous avons cliqué sur l'image, il commence à télécharger sur notre système:

Conseil bonus: téléchargez l'image avec un nom explicite

Nous pouvons attribuer une valeur à l'attribut de téléchargement. Ensuite, le fichier téléchargera avec ce nom spécifié. Il est utile dans les scénarios si l'image a un nom qui n'est pas affecté de manière significative dans l'attribut HREF.

Supposons que l'image ait le nom "ABC2334.PNG"Ce qui n'est pas significatif. Ainsi, l'attribut de téléchargement se voit attribuer la valeur "manchot»:

On peut voir à partir de l'image ci-dessous que l'image est téléchargée avec un nom spécifié dans l'attribut de téléchargement:

Il s'agissait de la méthode pour créer un lien téléchargeable dans HTML.

Conclusion

Dans HTML, l'attribut de téléchargement est ajouté à l'élément d'ancrage HTML. Cela fera du lien un lien téléchargeable. L'image peut être téléchargée avec le nom souhaité. Pour ce faire, l'attribut de téléchargement est défini avec la valeur comme nom du fichier. Cet article a démontré l'attribut de téléchargement HTML avec un exemple pratique.