HTML: Zurück Button & Link erstellen: So gehts!

Wie mache ich einen Zurück Link oder Button?

Der Browser hat schon lange diesen einen Knopf der dich zur vorherigen Seite befördert. Aber wie mache ich einen Zurück Button auf die eigene Webseite? Oft macht es sinn so einen Knopf auch auf deine Homepage oder Firmenwebseite einzufügen. Wie das geht zeige ich dir in diesem Kurzen Beitrag.

HTML: Zurück mit einem Link

Wenn du einen eigenen zurück Button in deine Webseite einfügen möchtest dann geht das am besten mit diesem kurzen Codeschnipsel

<a href="javascript:history.back()">Zurück</a>

Das Link Ziel ist hier lediglich ein kurzer Javascript Code der dich zur vorherigen Seite befördert

HTML: Zurück Button einfügen

Du kannst das ganze auch als Button darstellen, dann sieht der Code wie folgt aus. Hier befindet sich der selbe Javascipt Code als onClick Event im Button

<input type="button" value="Zurück" onClick="javascript:history.back()">

HTML: Zurück Button in WordPress einfügen

Wenn du in deinem WordPress einen Zurück Button als Shortcode einfügen möchtest, dann kannst du einfach diesen Code in die functions.php Datei einfügen

function add_back_button_shortcode() {
return '<a href="javascript:history.back();">Zurück</a>';
}
add_shortcode( 'back_button', 'add_back_button_shortcode' );

Mit dem Shortcode [back_button] kannst du dann einfach in deinen Beitrag den Zurück Button einfügen

Jetzt HTML lernen

[the_ad_group id=“4427″]

Weitere Beiträge zu HTML

HTML: Text in Zwischenablage kopieren – So gehts
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
PHP in HTML einfügen – So gehts!
HTML: Rahmen um Text – So gehts

HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!
HTML: 302 Redirect – So einfach gehts!
HTML: URL Parameter Erklärung
HTML: Bild einfügen – So gehts!

Jquery in HTML einbinden : So wirds gemacht!
HTML: Zurück Button & Link erstellen: So gehts!
HTML: Versteckter und Unsichtbarer Text : So gehs
HTML: Großbuchstaben schreiben: So gehts!
HTML: Icons einfügen: So gehts!

HTML: iFrame in Webseite einbinden – So gehts!
HTML: Liste erstellen – So gehts!
HTML: Erzwungenes Leerzeichen einfügen – So gehts!
CSS in HTML einbinden – So gehts!
HTML: Leerzeichen erstellen – So einfach gehts!

HTML: Auskommentieren – So gehts!
HTML: Bild zentrieren und mittig ausrichten
HTML: Fett schreiben – So einfach gehts!
HTML Text ausrichten: rechtsbündig & linksbündig
HTML: Zeilenabstand einstellen – So gehts!

HTML: Trennlinie einfügen – So gehts!
HTML: Absatz einfügen – So gehts!
HTML: Horizontale Linie – So gehts
HTML: Tabellen erstellen – So gehts!
HTML: Datum & Uhrzeit anzeigen – So gehts!


Über Mich


Weitere Beiträge auf Blogseite.com




Kennst du schon diese Memes?