Wie macht man das, HTML?

also mein Problem ist das ich nicht weiß wie man das mit den Seiten und der Verlinkung bei html macht.

also wenn ich eine Seite habe und auf der dann zu einer weiteren verlinke. ich weiß das dann mit

<a href="Seite2.html">Hier Klicken</a>

geht, aber dafür muss ja dann die "Seite2.hmtl" eine weitere Datei sein.

jeztz will ich wissen wie man das macht ohne eine weitere Datei? (also praktisch nur eine Datei, in der man aber dann wenn man auf einen Link klickt zu einer anderen kommt ohne eine weitere Datei) geht das überhaupt oder liege ich da falsch

Vielen Dank :)

P.S. sorry wenn die Frage dumm ist, bin ganz neu dabei

5 Antworten

Hodge

19.06.2022, 19:11

Hallo,

Dein Browser fordert vom Server immer genau eine Datei an. Wenn du aus einer HTML-Datei auf einer weitere verlinkst, dann wird die neue Datei angefordert, geladen / gerendert und agezeigt.

Möchtest du eine Website, die Inhalte im Hintergrund dynamisch nachlädt und sie in derselben Datei anzeigt, dann informiere dich über Single Page Applications. Gute Anlaufstellen bieten hier Frameworks wie React oder Angular.

Bushmills145

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

19.06.2022, 19:15

üblicherweise lassen sich in html die Begriffe "eine Seite" und "eine html Datei" synonym verwenden. Es gibt aber schon die Möglichkeit, innerhalb einer Seite, also einer Datei, zu springen - hin zu einer anderen Stelle zu scrollen. So gesehen wäre es dann immer noch die selbe Seite, lediglich eine andere Ansicht der selben Seite.

Andererseits kann es auch von Vorteil sein, Seiten über Dateien zu verteilen: damit lassen sich einzelne Seiten leichter unabhängig von anderen modifizieren, oder auch auswechseln. Beim Hochladen von Veränderungen reicht es damit, lediglich die Seite im Fokus zu aktualisieren, statt eine komplette Datei mit vielen Seiten.

ShimaG

19.06.2022, 19:10

Ich habe das mit PHP mal mit einem Run Level gemacht, dann kannst du das mit einer Datei machen. Ob das sinnvoll oder performant ist, hängt von deinen Anforderungen ab.

Das geht so

Angenommen, dein PHP-Skript heißt "test.php"
Im Link steht <a href="test.php?runlevel=1">Seite 1</a><a href="test.php?runlevel=2">Seite 2</a>
Im PHP-Skript steht dann "switch($runlevel) {case 1:... case 2:...}"

Krakel542

19.06.2022, 21:13

Also technisch gesehen muss keine HTML Datei existieren. Theoretisch kann eine Website auch mit nur einer einzigen ausführbaren Datei verfügbar gemacht werden. Diese eine Datei kann auch vollständig in Binarcode sein. Nicht falsch verstehen im Browser kommt am Ende trotzdem irgendwann ein HTML Document (keine Datei) an, dieses ist aber unter Umständen komplizierter entstanden.

Klassisch liegen die Dateien, auf welche verwiesen werden, auf einem Webserver und diese werden dann vom Browser angezeigt. Auch hier kannst du entweder für den Besucher sichtbar (redirect) oder unsichtbar (rewrite) auf eine andere Datei verweisen.

Du kannst auch innerhalb einer Seite Links erstellen. Diese nennt man Anker. Es gibt hier bereits einen Link als Antwort darum suche ich mal keinen raus. Damit an einen bestimmten Punkt gesprungen wird, musst ein anderes Element das attribute "id" (oder "name") haben.

Wie ich eine deiner Antworten interpretiere, willst du auf einen Link klicken und ohne reload der Seite irgendetwas verändern. Das ist dann meistens nur über Javascript möglich. Das ist auch das Grundprinzip von "Single Page Applications". SPAs werden dann aber nichtmehr (nur) in Html geschrieben sondern erfordern auch andere Sprachen wie Javascript bei Angular oder React oder C# bei Blazor.

Woher ich das weiß:Berufserfahrung

PeterP58

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

19.06.2022, 19:08

Mit einem Anker! Schau hier mal vorbei: https://de.wikipedia.org/wiki/Anker_(HTML)

Woher ich das weiß:Hobby – Programmierer, EDV, ... seit den 80er :)

Ähnliche Fragen

HTML Hilfe?

Ich habe meine erste HTML-Datei geschrieben.

Ich habe auf der Hauptseite einen Link eingebaut, der auf eine zweite Seite dieser Webseite weiterleitet. Also man klickt auf einen Button und kommt auf eine andere, interne Seite.

<a href="/Impressum.html" target="_blank">Impressum</a>

Aber wenn ich drauf klicke, dann werde ich zwar weitergeleitet, aber dann kommt das hier.

Und ja, die Seite, auf die man weitergeleitet werden soll existiert. Ich kann auch in meiner Datei drauf klicken und komme dann dorthin.

...zur Frage

style Datei im Header CSS?

Ist der style tag im Header der Html Datei eine Verlinkung zu der CSS Datei?

...zur Frage

HTML verlinkung mit Bildern?

Wie verlinke ich ein Video (öffnet sich in einen neuem Fenster) durch den Klick auf ein Bild?

...zur Frage

Wie verlinke ich eine weitere HTML-Datei auf mein HTML Dokument?

Ich muss eine Website selber machen (mithilfe des Editors) Eine Bedingung war die hier. Ich weiß wie man z.B. Websiten verlinkt, aber wie komme ich mit einem Link zu einer anderen Datei?

...zur Frage

HTML CSS Background Filter?

Hi ich habe seit einer Woche angefangen mit das Programmieren beizubringen, und bin nun auf folgendes Problem gestoßen.

Ich habe bei der HTML Datei in <body> das hier drin :

<body>

<ul>

<li><a href="" class="active"><b>Tv Shows</b></a></li>

<li><a href="" class="active">Movies</a></li>

<li><a href="" class="active">Recetly Added</a></li>

</ul>

<a href="" class="logo">NETFLIX</a>

</header>

<span>99% Match</span>

</div>

</div>

</section>

</body>

Und in der CSS Datei habe ich den Body so definiert:

body{

background: url(wallpaper1.jpg);

background-size: cover;

background-repeat: no-repeat;

height: 100vh;

Nun habe ich das Problem wenn ich nun einen Filter wie z.B Brightness anwenden will macht es ja nun logischerweise den ganzen Body Dunkler aber ich möchte nur den background verdunkelnm, sodass die anderen Elemente stärker zum Vorschein kommen.

Und meine zweite Frage wäre diesen background zu Skalieren weil auf dem Original Bild ist unten links ein kleiner Schriftzug der auf der Website nun abgeschnitten ist.

Vielen Dank :)

...zur Frage

DE Sonderzeichen Fehler in HTML?

Hi,

ich sitze momentan an einer Datei, um ein paar Dinge auszuprobieren. Ich habe die Meta-Tags wie gewohnt aus einer anderen (funktionierenden) Datei kopiert.

Nun werden allerdings ausschließlich in meiner Datei die Umlaute wie Ä,Ö,Ü und ß mit

"�"

angezeigt. Auch das rein-kopieren Tags aus anderen Dateien, oder das entfernen des Stylesheets hat nix geändert. Kurzzeitig hatte ich auch den Meta-Tag:

mit reingenommen, allerdings ohne Erfolg oder Veränderungen. Auch das Debugging von W3C hat nix auffälliges gefunden:

Für alle helfenden Hände großes Danke!

<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="example, html, head, meta">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="formate.css">
    <title>Das Box-Modell</title>
  </head>


<body>
  <header>
      
    <div class="flex">
     <img src="bilder/logo.svg" alt="logo">
    </div>
    
     <h1>Wilkommen auf der Test-Seite!</h1>
     <nav>
              <a href="#link_1.html">Blog</a>
              <a href="#link_1.html">Unterseite 1</a>
              <a href="#link_1.html">Unterseite 2</a>
              <a href="#link_1.html">Kontakt</a>
     </nav>
          
    </header>
      
      <main>
          
          <h2>ÜÜÜCCS-basierte Layouts <br><br />HTML-Struktur ohne CSS</h2>         
          
      </main>
    
    
    
    <footer>
     <a href="kontakt.html">Kontakt</a>
     <p>&copy; 2024 by GTA1A</p>
    </footer>


</body>
</html>

...zur Frage

In html ein Ordner zurück?

Hallo, ich versuche in meinem HTML Code ein Ordner zurück zu springen um dort die HTML Datei zu öffnen. Es geht quasi darum bei einer Webseite auf die Startseite zurück zu springen diese liegt aber zwei Ordner davor.

Vielleicht könnt ihr mir ja helfen. Danke im Voraus

PS: Ich habe bereits schon mehrere versucht aber ohne Erfolg hier eins von vielen:

<a href="Meine Bewerbung Bitte öffnen /Übermich">Startseite</a>

Also quasi aus dem Ordner "Zeugnis-Lebenslauf" zurück in den Ordner "Über-mich", dort zurück in den Ordner "Bewerbung" um dort "Meine Bewerbung Bitte öffnen.html" benutzen zu können.

...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

HTML/CSS Bluefish?

Hey kennt sich jemand mit dem Programm Bluefish aus? Ich muss eine HTML und CSS Datei erstellen.

Die HTML Datei bekomme ich meiner Meinung nach hin aber wenn ich die passende CSS Datei erstellen will also auf Dialoge und Linkzu Stylesheet dann bei href gibt es den Link zu der HTMLDatei nicht.

...zur Frage

Navigationsleiste auf andere html?

Hallo, ich bin ziemlich neu was Websides programmieren angeht und ich finde kein gutes tutorial dazu, wie man wenn man eine Navigationsleiste hat z.b auf Getränke klickt und dann eine andere html/css Seite mit Getränken auftaucht etc.

versuche da auxh bisschen JavaScript mit rein zubringen d.h Benutze die Navigationsleiste von Material Design Lite.

Bin da bisschen überfragt und habe keine ahnung😅

<!-- Always shows a header, even in smaller screens. -->
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  <header class="mdl-layout__header">
    <div class="mdl-layout__header-row">
      <!-- Title -->
      <span class="mdl-layout-title">Title</span>
      <!-- Add spacer, to align navigation to the right -->
      <div class="mdl-layout-spacer"></div>
      <!-- Navigation. We hide it in small screens. -->
      <nav class="mdl-navigation mdl-layout--large-screen-only">
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
      </nav>
    </div>
  </header>
  <div class="mdl-layout__drawer">
    <span class="mdl-layout-title">Title</span>
    <nav class="mdl-navigation">
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
    </nav>
  </div>
  <main class="mdl-layout__content">
    <div class="page-content"><!-- Your content goes here --></div>
  </main>
</div>

...zur Frage

Html-Code anzeigen?

Hallo,

wie sehe ich die HTML Datei einer Website, wo muss ich da hin klicken?

...zur Frage

Wie füge ich eine SCSS Datei in HTML ein?

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

...zur Frage

Wie verlinke ich andere HTML bei Javascript?

Zugriff auf die Datei nicht möglich

Eventuell wurde sie verschoben, bearbeitet oder gelöscht.ERR_FILE_NOT_FOUND

Das zeigt es, wenn ich den Link drücke...

...zur Frage

HTML & CSS in .exe umwandeln?

Hallo,

ich habe eine ganz einfache Webseite mit HTML und CSS gebaut. Dort gibt es Buttons, die zu unterschiedlichen Webseiten führen. So eine Art Favoriten Liste wie in Browsern.

Diese Webseite möchte ich gerne in eine .exe umwandeln. Dann kann der Anwender über ein Desktop Icon dieses "Programm" öffnen. Wenn man dann auf einen Button klickt öffnet sich ganz normal eine externe Browser Webseite. Habe das schon mit .hta probiert, aber dann werden einige CSS Befehle nicht übernommen und die Buttons funktionieren nicht. Würde auch gerne eine Installation ausführen lassen, so dass man dann danach eine .exe. Datei hat.

Kenne mich nur mit HTML und CSS aus. Alles Andere kann ich nicht.

Danke :)

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen