HTML Pobierz atrybut

Opracowując dowolną aplikację, często musimy uczynić obrazy do pobrania. Na przykład strona internetowa portfolio, która zapewnia użytkownikom próbki CV do pobrania lub więcej. Aby to zrobić, HTML oferuje „pobierać”Atrybut do wykorzystania w znaczniku kotwicy.

W tym artykule pokazuje atrybut pobierania HTML.

Jak pobrać obraz w HTML?

„„pobierać„Atrybut jest wykorzystywany w ramach„”Lub Tag kotwiczny. Ten atrybut przekształci link w link do pobrania, który pobranie obrazu określonego w „Href" atrybut.

Przykład

W HTML dodaj nowy element DIV z nazwą klasy „treść„Wewnątrz sekcji ciała. Następnie określ „

”Tag, aby dodać tekst. Następnie stwórz kolejną div z nazwą klasy „Image do pobrania". W tej div dodaj znacznik powiązany z atrybutami HREF, które określają link do obrazu i atrybut pobierania. Następnie zdefiniuj znacznik z następującymi atrybutami:

• "src„Aby podać link do obrazu.
• "Alt”Określa pokazany tekst, jeśli obraz nie może załadować.
• "szerokość„Właściwość służy do ustawiania szerokości obrazu.
• "wysokość„Właściwość jest wykorzystywana do ustawienia wysokości obrazu:

Kliknij obraz, aby go pobrać:

Przejdźmy do sekcji CSS!

Styl „treść” div

.treść
kolor tła: #B9E0ff;
Wyściółka: 10px;

Content Div jest stosowany z następującymi właściwościami CSS:

• "kolor tła„Właściwość jest wykorzystywana do zastosowania koloru tła do elementu.
• "wyściółka”Właściwość dodaje miejsce wewnątrz elementu.

Styl „Download-Imagage” Div

.pobieranie-image
szerokość: 300px;
Wysokość: 200px;
Margines: Auto;

„„.Image do pobrania”Jest wykorzystywany do dostępu do„Image do pobrania„Div. Stosowane są do niego nieruchomości poniżej:

• "szerokość”Właściwość ustawia szerokość elementu HTML.
• "wysokość”Właściwość ustawia wysokość elementu HTML.
• "margines„Własność jest wykorzystywana do dodawania przestrzeni wokół elementu.

Style „P”

.Treść P
Rozmiar czcionki: 20px;

„„rozmiar czcionki”Nieruchomość zastosowana na

Tag jest wykorzystywany do ustawienia rozmiaru czcionki.

Można zauważyć, że po kliknięciu obrazu zaczyna pobierać w naszym systemie:

Wskazówka bonusowa: Pobierz obraz o samozadowoleniu

Możemy przypisać wartość do atrybutu pobierania. Następnie plik zostanie pobrany z tą określoną nazwą. Przydatne jest w scenariuszach, jeśli obraz ma nazwę, która nie jest znacząco przypisana w atrybucie HREF.

Załóżmy, że obraz ma nazwę „ABC2334.png„Co nie jest znaczące. Tak więc atrybut pobierania przypisuje się wartość „pingwin”:

Na poniższym obrazku można zobaczyć, że obraz jest pobierany z nazwą określoną w atrybucie pobierania:

To chodziło o metodę utworzenia linku do pobrania w HTML.

Wniosek

W HTML atrybut do pobrania jest dodawany do elementu Anchor HTML. To sprawi, że link będzie linkiem do pobrania. Obraz można pobrać z pożądaną nazwą. Aby to zrobić, atrybut pobierania jest ustawiony na wartość jako nazwę pliku. W tym artykule pokazano atrybut pobierania HTML z praktycznym przykładem.