JS Animated. Wie man ein Text-Logo durch ein Bild ersetzt

Guten Tag! Von diesem Tutorial erfahren Sie, wie man ein Text-Logo durch ein Bild in einer HTML Vorlage ersetzt.

Um den Typ des Logos, das in Ihrer Vorlage verwendet wird, zu definieren, sollen Sie entweder das Element überprüfen, oder den Button F12 drücken, um den Quellcode Ihrer Seite zu überprüfen.

Wenn es ein Text-Logo ist und Sie möchen, es durch ein Bild ersetzen, folgen Sie dann dieser Schritt- für-Schritt-Anleitung:

1. Stellen Sie die Verbindung mit dem FTP-Server her und öffnen Sie die Datei index.html. Finden Sie den Teil des Codes, der dem Logo entspricht:

   

2. Löschen Sie das Text-Logo und fügen Sie den Bild-Tag in den Link-Tag ein:

    <a href="index.html"><img alt="logo" src="/images/logo.png" /></a> 

   Überzeugen Sie sich, dass der Bild-Tag geschlossen ist:

   

3. Speichern Sie die Änderungen und laden Sie die Datei auf den Server noch einmal hoch.

4. Sie sollen auch das Logo-Bild in den Ordner, der in der Datei index.html festgelegt wurde, hochladen. Öffnen Sie den Ordner images und laden Sie das Bild hoch:

   

5. Aktualisieren Sie die Seite, um das neue Bild-Logo zu sehen.

   Achten Sie, bitte, darauf, dass die Änderungen an allen Dateien index.html vergenommen werden müssen.

Sie können auch das ausführliche Video-Tutorial nutzen: