So erstellen sie einen link mit der einfachen html-programmierung

Sobald Sie ein paar Webseiten mit HTML erstellt haben, möchten Sie sie mit einem größeren Standort anschließen. Lernen Sie, wie Sie von einer Seite Ihrer Site zu einem anderen oder auf eine andere Site im Internet verbunden werden. Sie können Ihre Besucher sogar an einen bestimmten Ort auf der Seite senden, um diese Scrolling-Zeit zu speichern.

Schritte

Methode 1 von 2:
Verknüpfen auf eine andere Webseite
  1. Bildtitel Erstellen Sie einen Link mit einfachen HTML-Programmierschritt 1
1. Öffnen Sie Ihre HTML-Datei. Öffnen Sie die HTML-Datei für die Seite, die Sie bearbeiten möchten. (Wenn Sie von Grund auf beginnen und einige Hintergrundinfo benötigen, Erstellen Sie das Dokument Bevor Sie diesen Artikel lesen.)
  • Bildtitel Erstellen Sie einen Link mit einfachen HTML-Programmierschritt 2
    2. Platzieren Sie einen Link auf Ihrer Seite. Fügen Sie dem Körper Ihres HTML-Dokuments den folgenden Code hinzu, wo Sie möchten, dass der Link angezeigt wird:
  • Link Text
  • Das wird so angezeigt: Link Text.
  • Bildtitel Erstellen Sie einen Link mit einfachen HTML-Programmierschritt 3
    3. Schreiben Sie den Link-Text, um anzuzeigen. Alles zwischen dem und Tags werden auf Ihrer Seite als Link angezeigt. Sie können dies mit anderen HTML-Tags ändern, genau wie Sie möchten.
  • Sie können auch ein Bild in einen Link drehen:
    .
    Der Benutzer wird das Bildbildern / How-to-Create-A-Link-mit-Simple-HTML-Programm anzeigen.jpg und kann auf das Bild klicken, um https: // www zu besuchen.gr.maniqui-es.com /.
  • Bildtitel Erstellen Sie einen Link mit einfachen HTML-Programmierschritt 4
    4
    Ändern Sie das Ziel des Links. THETAG, den Sie gerade erstellt haben, wird als als erstellt "Anker." Das HREF-Attribut innerhalb des Ankers definiert das Ziel des Links. Ersetzen Sie https: // gr.maniqui-es.com / im Beispiel oben mit der URI, mit der Sie sich verlinken möchten.
  • Umgeben Sie den URI immer mit Anführungszeichen.
  • Uris unterscheidet den Groß- und Kleinschreibung. Kopieren Sie sie ein oder geben Sie sie genau ein, wie sie erscheinen.
  • Bildtitel Erstellen Sie einen Link mit einfachen HTML-Programmierschritt 5
    5. Link zu einer Seite in demselben Ordner. Sie müssen keine vollständige URL aufnehmen, wenn Sie sich auf eine Seite auf derselben Website verlinkt (obwohl es funktioniert). Es ist einfacher, Ihre Website organisiert zu halten, wenn Sie stattdessen relative Links verwenden, ohne den Domainnamen. Hier ist ein einfaches Beispiel, das von einer Seite mit einem anderen in demselben Ordner verbunden ist:
  • Nehmen wir an, Sie bearbeiten die Seite http: // Beispiel.edu / ungefähr / Autor.html.
  • Zum Verknüpfen auf die Seite http: // Beispiel.edu / ungefähr / familie.html, Geben Sie einfach den Dateinamen ein:
    Link Text
  • Bildtitel Erstellen Sie einen Link mit einfachen HTML-Programmierschritt 6
    6. Link zu anderen Seiten auf Ihrer Website. Sie können auch relative Links verwenden, um den Link auf eine andere Seite auf derselben Site zu lenken. Es gibt nur zwei Dinge, die Sie wissen müssen:
  • Zum Verknüpfen auf eine Seite in einem Unterordner einschließlich des neuen Dateipfads. Wenn Sie zum Beispiel auf der Seite sind http: // Beispiel.edu / ungefähr / Autor.html und will mit verlinken http: // Beispiel.edu / cound / haustiere / hund.jpg, Sie können alles aufspringen "Über:"
    Link Text
  • Verwenden Sie zum Verknüpfen auf eine Seite in einem anderen Zweig der Site, verwenden Sie "../" Um bis zu einem höheren Ordner zu gelangen. Zum Beispiel zum Verknüpfen von /Über den Autor.html zu http: // Beispiel.EDU / Schreiben / Bücher.html, Art:
    Link Text
  • Methode 2 von 2:
    Verknüpfen in einer Seite
    1. Bildtitel Erstellen Sie einen Link mit einfachen HTML-Programmierschritt 7
    1. Erstellen Sie einen Zielanker. Wenn Sie sich auf eine lange Webseite verlinkt, möchten Sie möglicherweise Personen an einen bestimmten Punkt auf der Seite anstelle der Spitze führen. Um dies zu ermöglichen, öffnen Sie das HTML-Dokument für die Zielseite. Fügen Sie dieses Anker-Tag an den Punkt ein, auf den Sie verlinken möchten:
    • Anker-Text.
      Dadurch wird als normaler Text angezeigt, da er das Ziel eines Links ist und kein Verknüpfung selbst ist. Sie können ersetzen "ankornen" Mit einem beliebigen Namen, solange Sie nicht denselben Namen zweimal auf einer Seite verwenden.
  • Bildtitel Erstellen Sie einen Link mit einfachen HTML-Programmierschritt 8
    2. Link zum Zielanker. Zum Verknüpfen zu einem bestimmten Punkt auf der Seite, fügen Sie das Symbol # zum Ende des URI hinzu, gefolgt von dem genauen Namen, den Sie für das ID-Attribut verwendet haben. Dies ist der Fall sensibel.
  • Zum Beispiel, um zum Anchoron die Seite http: //-Beispiel zu verknüpfen.edu / urlaub.HTML, Typ:
    Link Text..
  • Sie können dies zu absoluten oder relativen Links hinzufügen (siehe Anweisungen in separater Methode).
  • Bildtitel Erstellen Sie einen Link mit einfachen HTML-Programmierschritt 9
    3. Fügen Sie einem HTML-Tag einen Anker hinzu. Sie können auch einen Anker erstellen, indem Sie ID = einfügen"ankornen" in jedes HTML-Tag. Link dazu auf dieselbe Weise. Hier sind ein paar Beispiele:
  • Überschrift


    Verknüpfen Sie dazu, indem Sie #tophader an die URL hinzufügen.
  • Absatztext


    Verknüpfen Sie dazu, indem Sie #InTrovaragraph in der URL hinzufügen.
  • Tipps

    Um die verknüpfte Seite in einem neuen Fenster zu öffnen, verwenden Sie die "Ziel" Attribut:Gehen Sie zu WikiHow
  • Sie können Cascading-Stilblätter (CSS) verwenden, um das Erscheinungsbild eines Links in allen vier (4) Zuständen zu ändern: Link, besucht, schweben und aktiv.
  • "
    Einen Tipp einreichen
    Alle Tipp-Einsendungen werden sorgfältig überprüft, bevor er veröffentlicht wird
    einreichen
    Danke, dass Sie einen Tipp zur Überprüfung einreichen!

    Warnungen

    Vergewissern Sie sich, dass Sie sich daran erinnern, das zu schließen Tag mit einem entsprechenden . Wenn Sie vergessen, dies zu tun, ändern die meisten Browser den Rest des Seitennetexts in einen Link!

    Dinge, die du brauchen wirst

    • Ein einfacher Texteditor wie Notepad (PC), Textedit (Mac) oder SublimExt (Windows, Mac und Linux).
    In Verbindung stehende Artikel