HTML -Download -Attribut

Während der Entwicklung einer Anwendung müssen wir häufig Bilder herunterladbar machen. Zum Beispiel eine Portfolio -Website, auf der Benutzer Beispiele für Beispiele zum Herunterladen von Vorläufen erhalten. Dazu bietet HTML das anherunterladen”Attribut, das innerhalb des Anker -Tags verwendet werden soll.

Dieser Artikel zeigt das HTML -Download -Attribut.

So laden Sie ein Bild in HTML herunter?

Der "herunterladen”Attribut wird innerhalb der“ verwendet”Oder Ankermarke. Dieses Attribut verwandelt den Link in einen herunterladbaren Link, mit dem das in "angegebene Bild angegeben ist."href”Attribut.

Beispiel

Fügen Sie in HTML ein neues DIV -Element mit dem Klassennamen hinzu “Inhalt”Im Körperabschnitt. Geben Sie dann eine an “

”Tag, um einen Text hinzuzufügen. Erstellen Sie danach ein weiteres DIV mit dem Klassennamen “Bild herunterladen”. Fügen Sie in diesem DIV Tag hinzu, das den Attributen HREF zugeordnet ist, die den Link zum Bild und zum Download -Attribut angeben. Definieren Sie dann das Tag mit den folgenden Attributen:

• “src”Um einen Link zum Bild bereitzustellen.
• “AltGibt den angezeigten Text an, wenn das Bild nicht geladen werden kann.
• “BreiteEigenschaft wird zum Festlegen der Breite des Bildes verwendet.
• “HöheDie Eigenschaft wird verwendet, um die Höhe des Bildes festzulegen:

Klicken Sie auf das Bild, um es herunterzuladen:

Gehen wir zum CSS -Abschnitt um!

Stil „Inhalt“ div

.Inhalt
Hintergrundfarbe: #b9e0ff;
Polsterung: 10px;

Die Inhaltsdiv wird mit den folgenden CSS -Eigenschaften angewendet:

• “HintergrundfarbeDie Eigenschaft wird verwendet, um die Hintergrundfarbe auf das Element anzuwenden.
• “PolsterungEigenschaft fügt Platz im Element hinzu.

Stil „Download-Image“ Div

.Bild herunterladen
Breite: 300px;
Höhe: 200px;
Rand: Auto;

Der ".Bild herunterladen"Wird verwendet, um auf die zuzugreifen"Bild herunterladen”Div. Untergegebene Eigenschaften werden darauf angewendet:

• “BreiteEigenschaft legt eine HTML -Elementbreite fest.
• “HöheDie Eigenschaft legt die Höhe eines HTML -Elements fest.
• “RandEigenschaft wird verwendet, um Platz um das Element hinzuzufügen.

Stil „P“ Element

.Inhalt p
Schriftgröße: 20px;

Der "Schriftgröße”Eigenschaft, die auf dem angewendet werden

Das Tag wird verwendet, um die Größe der Schriftart festzulegen.

Es kann beobachtet werden, dass es, wenn wir auf das Bild geklickt haben, es auf unserem System heruntergeladen hat:

Bonuspix

Wir können dem Download -Attribut einen Wert zuweisen. Anschließend wird die Datei mit diesem angegebenen Namen heruntergeladen. In Szenarien ist es nützlich, wenn das Bild einen Namen hat, der im HREF -Attribut nicht sinnvoll zugeordnet ist.

Nehmen wir an, das Bild hat den Namen “ABC2334.pngDas ist nicht sinnvoll. Daher wird dem Download -Attribut der Wert zugewiesen “Pinguin”:

Aus dem Bild unten ist ersichtlich, dass das Bild mit einem im Download -Attribut angegebenen Namen heruntergeladen wird:

Das drehte sich um die Methode, um einen herunterladbaren Link in HTML zu erstellen.

Abschluss

In HTML wird das Download -Attribut zum HTML -Ankerelement hinzugefügt. Dadurch wird der Link zu einem herunterladbaren Link. Das Bild kann mit dem gewünschten Namen heruntergeladen werden. Dazu wird das Download -Attribut mit dem Wert als Name der Datei festgelegt. Dieser Artikel hat das HTML -Download -Attribut mit einem praktischen Beispiel demonstriert.