So fügen sie einen link zu einem bild hinzu

Mit einer einzelnen Zeile des HTML-Codes können Sie fast jeder Website ein anklickbares Bild hinzufügen. Es gibt zwei Dinge, die Sie dafür brauchen, um zu arbeiten. Sie benötigen die URL für ein Bild, und Sie benötigen die URL einer Website.

Schritte

Methode 1 von 2:
Schreiben Sie den HTML-Code
  1. Bildtitel 769114 1
1. Erstellen Sie eine HTML-Datei. Öffnen Sie einen Texteditor und erstellen Sie dann eine neue Datei. Speichern Sie die Datei als Index.html.
    • Sie können einen beliebigen Texteditor verwenden, den Sie möchten, selbst die Systemtext-Editoren von Windows, Notepad und Mac OS X, TextEdit.
    • Wenn Sie einen Texteditor verwenden möchten, der für die Arbeit mit HTML bestimmt ist, Klicke hier Zum Herunterladen des Atoms, einem Texteditor, der auf Windows, Mac OS X- und Linux-Betriebssystemen funktioniert.
    • Wenn Sie TextEtIt verwenden, bevor Sie die HTML-Datei schreiben, klicken Sie auf das Formatmenü auf das Format, und klicken Sie dann auf Ebene schreiben. Diese Einstellung stellt sicher, dass die HTML-Datei in einem Webbrowser ordnungsgemäß geladen wird.
    • Word-Prozessoren, z. B. Microsoft Word, sind nicht ideal für das Schreiben von HTML, da sie unsichtbare Zeichen und Formatierung hinzufügen, die eine HTML-Datei durchbrechen können, sodass er in einem Webbrowser nicht korrekt anzeigt.
  • Bildtitel 769114 2
    2. Kopieren und fügen Sie den Standard-HTML-Code ein. Wählen Sie den HTML-Code unten aus und kopieren Sie sie und fügen Sie ihn in Ihren offenen Index ein.HTML-Datei.
  • Bildtitel 769114 3
    3. Finden Sie die URL eines Bildes. Finden Sie ein Bild im Internet, klicken Sie mit der rechten Maustaste auf das Bild, und klicken Sie ab, abhängig von Ihrem Browser, klicken Sie auf Bild-URL kopieren, Bilder kopieren oder Bildort kopieren.
      • Firefox und Internet Explorer verwenden Kopierbild-Speicherort. Chrome verwendet Kopierbild-URL. Safari verwendet Kopierbild-Adresse.
  • Bildtitel 769114 4
    4. Fügen Sie die Bild-URL hinzu. Im Index.HTML-Datei, klicken und ziehen, um die Bild-URL mit der Maus auszuwählen, und drücken Sie dann STRG + V, um die Bild-URL einzufügen.
  • Bildtitel 769114 5
    5. Fügen Sie die Ziel-URL hinzu. Im Index.HTML-Datei, löschen Sie die Ziel-URL und geben Sie dann ein https: // Google.Kommen.
      • Sie können jede gewünschte URL für die Ziel-URL verwenden.
  • Bildtitel 769114 6
    6. Speichern Sie die HTML-Datei.
  • Bildtitel 769114 7
    7. Öffnen Sie die HTML-Datei in einem Webbrowser. Klicken Sie mit der rechten Maustaste auf den Index.HTML-Datei und öffnen Sie ihn dann im Webbrowser Ihrer Wahl.
      • Wenn der Browser geöffnet wird, wenn Sie das Bild nicht sehen, stellen Sie sicher, dass der Bilddateiname korrekt im Index buchstabiert wird.HTML-Text-Editor-Fenster.
      • Wenn der Browser geöffnet wird, wenn Sie HTML-Code anstelle des Hintergrundbildes sehen, können Sie Ihren Index.Die HTML-Datei wurde als reichhaltiges Textdokument gespeichert. Möglicherweise möchten Sie versuchen, die HTML-Datei in einem anderen Texteditor zu bearbeiten.
    • Methode 2 von 2:
    Verstehen des HTML-Codes
    1. Bildtitel 769114 8
    1. Verstehe das Anker-Tag. HTML-Code besteht aus offenen und geschlossenen Tags. Das Tag ist das offene Tag und ist das geschlossene Tag. Es wird als Anker-Tag bezeichnet und verwendet, um Links zu einer Webseite hinzuzufügen.
    • Die erzählt einen Browser, um einen Link zu rendern. Das Href ist kurz für die HTML-Referenz, die Hat sagt dem Browser, alles zwischen den " " und machen Sie es zu einem Link. Jede URL kann zwischen den beiden Anführungszeichen gehen.
    • Die erzählt einen Browser, dass das Anker-Tag geschlossen ist.
    • Wenn Sie den Text zwischen hinzufügen, wird dieser Text einen anklickbaren Link auf einer Webseite erstellt. Beispielsweise, Google würde einen Link zu Google erstellen.
  • Bildtitel 769114 9
    2. Verstehen Sie das Bild-Tag. Das Tag ist ein selbstschließendes Tag. Sie können es mit dem Schreiben schließen, indem Sie schreiben .
  • Das Tag sagt einem Browser an, um ein Bild zu rendern. Das src ist kurz für die Quelle, das Hat sagt dem Browser, alles zwischen den " " und erhalten Sie das Bild von diesem Ort.
  • Das /> Erzählt einem Browser, um das Bild-Tag zu schließen.
  • Beispielsweise, {} würde das Bild an dieser URL erhalten und dann in einem Webbrowser anzeigen.
  • Bildtitel 769114 10
    3. Verwenden Sie diesen Code überall. Jetzt kennst du diesen Code, mit dem Sie anklickbare Bilder auf jede Webseite hinzufügen, die HTML-Code rendern kann.

    • Tipps

    In Verbindung stehende Artikel