Wie kann ich einen Link auf einer Seite einfügen um direkt zur Hauptseite nach unten zu kommen?

Ich habe eine Website erstellt und würde gerne per Knopfdruck bis ans ende der Seite kommen. Wie kann ich das machen. Kann mir da jemand helfen?

3 Antworten

whgoffline

16.07.2023, 12:22

Naja, eine simple Idee wäre ein leeres div Element ganz unten ein div mit mit id="bottom" zu platzieren und dann einfach folgenden Link einzubauen. Alternativ kannst du natürlich auch einen Link auf ein bereits bestehendes Element unten auf der Seite setzen.

Siehe folgende Demo: https://jsfiddle.net/gtardcpv/

Ich habe bei der Demo lediglich scroll-behavior: smooth; ergänzt, damit die Seite langsam nach unten scrollt, anstatt direkt nach unten zu springen.

<a href="#bottom">Unten</a>
<!--Restlicher Inhalt-->
<div id="bottom"></div>

NackterGerd

16.07.2023, 13:06

Das ist aber eigentlich keine gute Idee mit dem Dummy link ohne Inhalt

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_links_bookmark

Eigentlich wird die einfach mit einer ID gemacht ohne leeren Link

whgoffline

16.07.2023, 13:28

@NackterGerd

Danke, habe das eben mal schnell auf ein leeres div mit id geändert.

NackterGerd

16.07.2023, 13:45

@whgoffline

Sehr gut

Definition and Usage

The <a> name attribute is not supported in HTML5. Use the id attribute instead.

Würde nur bei älteren HTML Version funktionieren

Ich kannte sogar nur ID da ich es damit schon immer mache

Man sollte aber auch immer sparsam damit umgehen, da Google Links mit Parameter eher abwertend findet

SadDad

16.07.2023, 12:35

<a href="dieseseite.html#sprungmarke">Nach unten</a>

...

Blablabla

...

Seitenende

Nachtrag: das "dieseseite.html" kannst Du auch weglassen, solange Du auf der gleichen Seite bleibst. Aber so ließe sich auch zu einer Sprungmarke auf einer anderen Seite verlinken.

Tilo2300

16.07.2023, 12:27

Du fügst am Ende der Seite einen Anker ein:

<a name="unten">hier ist unten</a>

Das "hier ist unten" kannst du natürlich weglassen. Der Anker ist dann nicht sichtbar.

An oberen Ende der Seite fügst du dann einen normalen Link ein, nur eben nicht zu einer anderen Seite, sondern zu ebendiesem Anker:

<a href="#unten">gehe nach unten</a>

Achte auf den #.

Ich habe einen Link erstellt, der mich wieder zurück zur Hauptwebsite bringt. Nur möchte ich, dass der Link oben rechts ist. Kann mir da jemand helfen?

Die Webseite:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Preise</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
  <style>
    body {
      font-family: 'Open Sans', sans-serif;
      padding-left: 100px;
      padding-right: 100px;
    }

    .preise-navbar {
      padding-left: 100px;
      color: rgb(52, 57, 56);
    }

    .preise-container {
      background-color: white;
      padding: 16px;
    }

    table {
      border-collapse: collapse;
    }

    td,
    th {
      padding: 16px;
      border-bottom: 2px solid #8ebf42;
      text-align: center;
      padding-left: 100px;
    }

    a {
    }
  </style>
</head>
<body>
  <div class="preise-container">
    <h1 class="preise-navbar">Preise:</h1>
  </div>
  <table>
    <tr>
      <th></th>
      <th></th>
    </tr>
    <tr>
      <td>Erwachsene:</td>
      <td>20€</td>
    </tr>
    <tr>
      <td>Kinder unter 18</td>
      <td>10€</td>
    </tr>
    <td>Kinder unter 6</td>
    <td>3€</td>
  </table>
  <a href="Index.html">Zurück</a>
</body>
</html>

...zur Frage

Google Search Console einzelne Unterseiten entfernen lassen?

ich habe eine Website die beispiel.de heisst aber google hat nicht nur beispiel.de indexiert sondern auch /impressum /datenschutz und /AuthorMax.
Einige unschöne Unterseiten die leider auch sehr weit hochrutschen und sogar unter der Hauptseite angezeigt werden.

Welches von den beiden muss ich auswählen und wie soll ich es eintragen ?

Muss Https:// dabei stehen und www ?
Möchte nicht ausversehen beispiel.de und alle dazugehörigen entfernen, nur 3-4 bestimmte.

...zur Frage

Jimdo Website öffnet sich nicht?

Guten Tag,

Ich habe ein sehr dringendes Anliegen. Meine Firmenwebsite, erstellt mit Jimdo, ist seit heute nicht mehr erreichbar. Der Browser zeigt einen Weiterleitungsfehler an. Ich habe bereits gängige Lösungen ausprobiert, von der Neuveröffentlichung bis zur Neuanbindung der Domain. Die Unterseiten sind per URL noch erreichbar, aber das Klicken auf die Hauptseite funktioniert nicht. Der Support von Jimdo ist leider langsam und inkompetent. Laut Jimdo gibt es keine Störungen. Die Jimdo-Domain lautet www.morgenstern-dienstleistungen.de, die verknüpfte Domain ist morgenstern.ruhr. Beispielweise funktioniert www.morgenstern.ruhr/Kontakt.

Für jegliche Hilfe bin ich dankbar.

Vielen Dank!

...zur Frage

Erstellte website nicht aufrufbar?

Bin Anfänger im Thema Webseiten und programmieren und habe mir mal ein Tutorial angeschaut. In dem wurde mir erzählt, dass ich mit dem Editor und HTML eine Website erstellen kann. Wenn ich aber nach abspeichern des Editors etc. den Link, der in der Suchtleiste bei Chrome steht bei einem anderen Gerät eingebe, finde ich diese Seite nicht. Ich hatte auch nicht erwartet, dass das erstellen von einer Website auf diese Weise funktioniert, aber was fehlt mir, dass diese Seite, auch wenn es nur eine Testseite sein soll im Internet aufrufbar ist?

...zur Frage

Javascript Bilder per Knopf austauschen?

Ich will in meiner Website ein Bild einfügen, welches man per Knopfdruck austauschen kann. Ich habe den Code von dieser Website benutzt http://droeppez.de/download/js-tut/js-tut/tutorial/bilder1.html).

Auf meiner Website ist oben links ein Bild mit dem Logo und weiter unten das Bild was ausgetauscht werden soll. Will ich jetzt das Bild ändern, ändert sich das Logo oben in der Ecke und nicht das Bild was sich eigentlich ändern soll. Die Knöpfe funktionieren aber.

Meine Frage ist nun kann man das Bild was sich eigentlich ändern soll, irgendwie auswählen, damit sich nur das bestimmte Bild ändert?

ps. Bin noch neu und kenn mich nicht so gut aus.

...zur Frage

Wie sollte ich mein Blog System für meine Website machen?

Ich mache momentan mit html, css und javascript eine Website mit einem Blog.

Wie sollte ich das System machen? Sollte ich keine Funktion machen um Beiträge zu erstellen und alles in einem Javascript system erstellen lassen, im Code direkt. Oder eine Page wo ich Beiträge erstellen kann, nur so falls es wichtig ist, es ist ein System mit mehreren Seiten.

Wie folgt auf gebaut: Hauptseite mit Kategorien -> In der Kategorie sind die Beiträge zur Kategorie.

Also sind noch 3 Seiten vor den Beiträgen.

...zur Frage

Html und Css; Wieso wird der Text am Ende als Link dargestellt?

Hallo,

es geht um folgenden Code:

<!doctype html>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="widt=device-width, initale-scale=1">
        <meta name="description" content="Beschreibung">
        <title>Test html Grundgeruest</title>
    </head>
    <body>
    </body>
</html>

</br>
</br>
</br>

ERSTELLUNG EINES LINKS</br>
<a href="irgendwohin.html">Hier Klicken</a>
Nach "href=" steht die Datei, die aufgerufen werden soll, diese muss in Gänsefüsschen stehen.</br>
"Hier Klicken" ist der für den Benutzer sichtbare Text, der angeklickt </br>
werden soll. Achtung Attribute wie href stehen immer nur im Start-Tag, nie im End-Tag.</br>
</br>
</br>
</br>

EINFÜGEN VON BILDERN</br>
<img src="https://localhost/Schulung_Html_und_Css/Html/Vorgang_02_HTML_Grundgeruest/Bilder/test.jpeg" alt="kurzbeschreibung" width="50px" height="50px">
</br>
</br>



    <!--
    - Beachte dass das Bild im selben Ordner liegen muss oder ein eindeutiger Link erzeugt werden muss.
    Wobei darauf zu achten ist, in welche die "/" schauen.
    -->
</br>
</br>
</br>
</br>



<p> Hier kann ein Text dargestellt werden </P>
<p> Hier kann ein weiterer Text dargestellt werden </p>
    <!--
    - Hat den Vorteil dass mit einem Stylesheet alle mit <p> gekennzeichneten "Container" mit einer Eingabe oder Umstellung Formatiert werden können.
    -->



<ul>
    <li><a href="https://www.google.com/">Google</></li>
    <li><a href="https://www.youtube.com/">Youtube</></li>
    <li><a href="https://www.bing.com/">Bing</></li>
    <li><a href="https://www.y-informer.com">y-informer.com</></li>
</ul>    

</br>
</br>
</br>

<p> Dies ist die Xampp installation</p>


    <!-- so wird ein Kommentar eingefügt. Dieser ist für den Besucher der Webseite nicht lesbar.
        Innerhalb des kommentars können auch html Befehle  eingegeben werden. Diese sollen zumindest
        keine auswirkungen auf die Eingabe haben.
        
        - Fehler der mir unterlaufen ist. Beim Einfügen von Bildern, sofern dieser im selben Ordner liegt muss hinter dem
        <img src noch ein "=" Zeichen. Wenn das Bild in einem leserlichen Format ist klappt es.
        -- Sofern das Bild an einem anderen Ort liegt, klappt es aber nicht, an der Lösung wird noch gearbeitet.
        
        Beachte:
        - Dateifadsangaben im internet -> "/"
        - Dateifadsangaben im Betriebssystem -> "\"
        - Die Angabe "localhost" beinhaltet bereits die "htdocs" entsprehcend ist im weiteren nur noch der Projektordner anzugeben.
        
        Merke: bei dem eigentlichen Turtorial:
        - Die Xamp Installation und Konfiguration durchgehen
        - kurze einführung wie das funktioniert mit dem Webspace -> PC -> Server -> Webspace -> Domain und so weiter.
        
    -->

Wenn ich mir den Code im Browser ansehe wird der Teil unten:


<p> Dies ist die Xampp installation</p>

als Link dargestellt wieso ist das so?

...zur Frage

Link Ziel verstecken?

Hey, bin gerade dabei eine Website zu erstellen nur nervt es mich das bei einfachen sachen wie Verlinkungen auf der seite das unten Links angezeigt wird und weiß leider nicht wie ich das verhinder, habe schon ein paar Möglichkeiten probiert leider hat noch nichts geklappt. :/

MfG

...zur Frage

Wie kann man mit PHP/JavaScript eine neue Website erstellen?

Hey Freunde

wie kann man mit PHP/JavaScript eine neue Website direkt im Browser erstellen? Also man gibt zum Beispiel den Inhalt und Titel an, drückt auf "Submit" und es wird automatisch eine neue Website erstellt, genau mit den Eingaben! Halt so ähnlich wie in WordPress bei einem neuen Blog Eintrag!

Vielen Dank!

--Ergänzung--

Mein Gedanke wäre jetzt gewesen, ein Template zu erstellen. Dann eine weitere Seite mit einem Input Field, deren Input dann PHP Variablen zugewiesen werden. Beim Drücken Des Buttons wird dann die Template Datei kopiert, und der Input eingesetzt!

...zur Frage

WordPress mit eigenem HTML, CSS und JSCode?

Hallo Leute, ich brauche mal ein paar Infos zu WordPress in Verbindung mit eigenem HTML, CSS und JavaScript Code.

1.) Ich habe mit den 3 besagten Sprachen ein kleines interaktives Bild in einer HTML Datei erstellt mit einem Umfang von gut 180 Zeilen und dieses Bild würde ich gerne in WordPress einbinden, funktioniert das? Wenn ja wie? Per Shortcode? Direkt einbinden? muss ich das in ein Plugin umwandeln?

2.) Wenn es möglich ist, kann ich das Erstellte leicht exportieren und auf einer anderen WordPress Seite ebenfalls leicht Importieren?

3.) Kann ich überhaupt mit der kostenlosen Version bzw. mit der Persönlichen oder maximal Premium Version besagtes umsetzen? Oder müsste ich für eigenen Code ein höheren Tarif wählen?

Vielen dank schonmal und Beste Grüße!

...zur Frage

Kann man bei webgo seinen eigenen HTML Code einfügen?

Ich habe meine eigene Website mit HTML, CSS und javaScript erstellt. Jetzt will ich sie hosten lassen. Bei Strato geht das nicht. Ich bin jetzt bei meiner Suche auf auf WebGo gestoßen. Geht das dort.

Gerne auch weitere Vorschläge wo dies möglich ist.

...zur Frage

3D Datei Upload auf Website mit automatischer Preisberechnung?

Hallo, ich biete schon seit längerem einen 3D- Druck Service auf Ebay-Kleinanzeigen an, welcher sehr gut läuft. Daher möchte ich jetzt eine Website erstellen, bei der meine Kunden die Datei hochladen können und dann direkt ein Angebot erhalten. Ich habe bei mehreren verschiedenen Anbietern gesehen das, deren Upload gleich aussieht. Daher ist mir in den Kopf gekommen, dass vielleicht irgendein Tool etc. welches ich auf meiner Website einfügen kann. Leider habe ich dazu nichts gefunden. Daher wollte ich fragen, ob jemand so ein Tool kennt. Am besten wäre aber eine Shopify App.

Ich würde mich über jede Hilfe freuen!

...zur Frage

Kann man HTML in einen Link umwandeln?

Ich bin gerade dabei, eine Webseite mit Wordpress zu erstellen. In meinem Menü hätte ich gerne einen Button, dass wenn man auf diesen drückt, die direkte anrufen oder Mail schreiben Funktion aktiviert wird. Da mir die PRO Version des Themes für diese eine Funktion jedoch zu teuer ist (kann nur einen normalen Link einfügen, kein html), wollte ich fragen, ob es da eine Möglichkeit für dies gibt?

Danke im Voraus!

...zur Frage

Wie kann ich eine WordPress-Kommentar-Sektion zu meinem individuellen Theme hinzufügen?

Ich habe eine individuelle Website mit Webflow erstellt und dann den HTML- und CSS-Code kopiert, um ihn als Grundlage für mein individuelles WordPress-Theme zu verwenden. Das Theme unterstützt jedoch keine Kommentar-Plugins wie WP Disquz oder das grundlegende WP-Kommentarformular. Was sollte ich tun, um eine Kommentar-Sektion auf meiner Website zu aktivieren?

Sollte ich den Kommentar-Sektions-Code direkt in die HTML- und CSS-Dateien meines individuellen Themes einfügen oder gibt es einen anderen Code, den ich zu den Theme-Ordnern hinzufügen kann, um Kommentar-Plugins und das WP-Kommentarformular zu unterstützen?

ihr könnt euch auch gerne den code der website anschauen

https://germanpoems.org/

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen