Anleitungen

So verknüpfen Sie HTML-Webseiten miteinander

Ein Hyperlink ist ein unterstrichener Text, der Sie mit nur einem Klick zu einer Website führt. Das Einfügen von Hyperlinks ist dank der jetzt verfügbaren Webdesign-Tools ziemlich einfach. Es kann aber auch hilfreich sein zu wissen, wie ein Link mithilfe von HTML eingefügt wird.

HTML-Link Verschiedene Webseiten

Wenn man eine Website entwerfen wollte, musste man früher wissen Hypertext-Markup-Sprache. Es ist eine ziemlich einfach zu erlernende Programmiersprache, aber wenn Sie kein professioneller Webdesigner werden möchten, müssen Sie kein HTML-Experte sein. Es gibt jetzt viele Tools, einschließlich einiger kostenloser Tools, die all diese Dinge für Sie erledigen.

Wenn Sie WordPress oder ein Website-Design-Tool verwenden, sollte es eine Möglichkeit geben, einen Link zu erstellen, indem Sie auf die Schaltfläche "Link" klicken.

Wenn Sie eine HTML-Datei aus einem Office-Dokument exportieren, ist Strg + K die Tastenkombination zum Verwalten von Hyperlinks. Markieren Sie einfach den Text, den Sie auf die andere Site verweisen möchten, drücken Sie Strg + K und fügen Sie ihn ein die Ziel-URL. Sie können Ihren Hyperlink auch entfernen und bearbeiten, indem Sie den verknüpften Text markieren und Strg + K wählen.

Wenn Sie eher eine mausbasierte Person sind, können Sie Hyperlinks auch über die Menüleiste oben in Ihrem Dokument einfügen und aktualisieren. Wählen Sie Einfügen und Hyperlink aus. Sie erhalten dasselbe Feld, das Sie erhalten würden, wenn Sie die Tastenkombinationen verwenden würden, in der Sie zur Eingabe der Ziel-URL aufgefordert werden.

Link mit HTML

Es kann Fälle geben, in denen Sie keine einfache Möglichkeit haben, einen Link hinzuzufügen. In diesem Fall können Sie einfach eine hinzufügen HTML-Hyperlink. Sie benötigen keine vollständige Klasse, um HTML zu lernen. Es ist ziemlich leicht zu lernen. Der Code benötigt nur A HREF, den Link, den zum Link passenden Text und einen Stopp. Beispiel: Ihre Website.

Wenn die Website, auf die Sie verlinken, jedoch Teil Ihrer eigenen Website ist, müssen Sie nicht die vollständige URL für Ihre Website eingeben HTML-Link. Wenn Sie zum Beispiel auf Ihre Biografie verlinken würden, würden Sie sie wie folgt schreiben: Meine Biografie. Wenn Sie ein Design-Tool wie WordPress verwenden, klicken Sie auf das Link einfügen Bei dieser Option erhalten Sie normalerweise ein Dropdown-Feld, das alle Ihre Seiten enthält, damit Sie einfach Link hinzufügen und auswählen können.

Ein Bild verknüpfen

EIN Textlink ist nicht die einzige Option für Websites. Ihre Bilder können auch verlinkt werden. Sie können dies einfach in einem Blog- oder Website-Design-Programm tun, indem Sie einfach das Foto einfügen, es hervorheben und das Link-Tool verwenden, um Fügen Sie einen Hyperlink hinzu dazu.

Wenn Sie mit HTML auf ein Foto verlinken, verwenden Sie denselben Code, als würden Sie Text anstelle eines Fotos anzeigen. In diesem Fall ersetzen Sie den Text jedoch durch den Code, der auf Ihr Foto verweist. So wäre es :.

Einrichten der Site-Navigation

Wenn Sie eine Website erstellen, ist das Wichtigste Textlinks auf einer Ihrer Seiten sind diejenigen, die auf Ihre anderen Seiten verlinken. Seitennavigation Dies geschieht häufig über ein Dropdown-Feld oben auf jeder Seite. Mit Webdesign-Tools können Sie ganz einfach auswählen, ob eine Seite, die Sie hinzufügen, eine Hauptseite oder eine Sekundärseite einer Ihrer Hauptseiten sein soll.

Wenn Sie Ihre Site-Navigation jedoch selbst erstellen möchten, benötigen Sie eine erweiterte Sprache namens CSS. Sie können Ihre Site-Navigation vertikal oder horizontal gestalten und sie herunterfallen lassen oder statisch sein. Obwohl CSS ist komplizierter als HTML können Sie den benötigten Code online abrufen und in den Quellcode Ihrer Website einfügen.

Hyperlinks für Lesezeichen

Ihre Hyperlinks müssen nicht immer auf eine separate Website oder sogar eine separate Seite Ihrer eigenen Website verweisen. Sie können auch verwendet werden, um Ihre Besucher zu einem anderen Abschnitt derselben Seite umzuleiten. Dies wird häufig in langen Artikeln oder Blog-Posts gesehen, in denen sich oben ein Inhaltsverzeichnis befindet und Benutzer auf jedes Element klicken, um direkt zum entsprechenden Abschnitt zu gelangen.

Diese Hyperlinks funktionieren ähnlich wie Lesezeichen in einem Word-Dokument. Sie können sie mit einem beliebigen Webdesign-Tool erstellen oder codieren HTML-Link wie Sie es getan haben, als Sie auf andere Seiten verlinkt haben. Um Links zu erstellen, die Besucher zu anderen Abschnitten einer Seite leiten, müssen Sie zuerst ein Lesezeichen erstellen in Ihrer Kopie mit dem Attribut "id". So wäre es “

Erstes Lesezeichen

.

Sobald Sie Ihr Lesezeichen eingerichtet haben, gehen Sie zum Anfang Ihrer Seite und fügen Sie diesen Link hinzu. Der Code dafür wäre: Zum ersten Lesezeichen springen. Wenn jemand auf den Text Zum ersten Lesezeichen springen klickt, führt dieser Link direkt zu dem Abschnitt, in dem Sie Ihr Lesezeichen platziert haben.

Verwenden des Zielattributs

Ein Problem beim Einrichten eines HTML-Hyperlink auf Ihrer Website ist, dass es Ihre Besucher wegnimmt. Die Wahrscheinlichkeit, dass sie auf Ihre Website zurückklicken, nachdem sie an eine andere Stelle weitergeleitet wurden, ist nicht groß, was bedeutet, dass Sie möglicherweise Menschen an das „Kaninchenloch“ verlieren, zu dem das Internet schnell werden kann.

Mit etwas namens das Zielattribut, Sie können jedoch steuern, wie eine Seite geöffnet wird, wenn jemand auf einen Ihrer Links klickt. Dies kann normalerweise mit einem Website-Tool erfolgen, indem Sie nur auf ein Kästchen klicken. Wenn Sie Ihre Website jedoch mit HTML codieren, steht das Attribut direkt nach Ihrer URL, also wäre es: Ihre Website. Das Attribut _blank öffnet das Dokument in einem neuen Fenster.

Ankerlinks erstellen

Was ist, wenn Sie Ihre Website-Besucher zu einer bestimmten Stelle in der Mitte derselben Seite leiten möchten? Diese Art von HTML-Hyperlink ist machbar, aber etwas komplizierter als nur zu verknüpfen. Sie müssen zuerst Ihr Ziel einrichten. Dies bedeutet, dass Sie zu dem Bereich der Seite gehen, den Sie verknüpfen möchten. Erstellen Sie einen Namen dafür und geben Sie das Codeobjekt ein, das Sie verknüpfen. Ersetzen Sie in diesem Beispiel "Name" durch den von Ihnen gewählten Namen.

Nachdem Sie Ihr Lesezeichen auf der Seite eingerichtet haben, können Sie Erstellen Sie Ihren Hyperlink. Gehen Sie dazu in den Abschnitt, in dem Sie Ihr Ziel einrichten möchten, und verwenden Sie das Raute-Symbol vor dem von Ihnen gewählten Namen weiter unten auf der Seite. Sie würden also Click eingeben, um das Objekt anzuzeigen, das ich verlinke .

Verknüpfen mit Dokumenten und PDFs

Sie können eine erstellen HTML-Link über Websites hinaus. Sie können ganz einfach PDFs und .docs auf Ihre Website hochladen und an anderer Stelle auf Ihrer Website darauf verlinken. Dies ist ideal für Anwendungen, Flyer und andere Dokumente, die Sie nicht speziell für Ihre Website ändern möchten. Dabei ist es jedoch wichtig zu beachten, dass der Link zu einem Dokument und nicht zu einer Website führt. Dies geschieht häufig, indem "pdf" oder "doc" in Klammern nach dem Link gesetzt werden.

Zu Link zu einem Word-Dokument oder PDFLaden Sie das Dokument zunächst mit demselben Tool hoch, mit dem Sie Ihre Website entwickelt haben. Sie können dann wie bei jedem anderen Link darauf verlinken Textlink auf Ihrer Website. Sie würden den Code als solchen eingeben: Meine Datei [DOC]. Vergessen Sie nicht, jedes Mal, wenn Sie die Datei aktualisieren, eine neue Version hochzuladen, da diese Änderungen nicht automatisch repliziert werden.

$config[zx-auto] not found$config[zx-overlay] not found