• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Navbar Text einfügen

Dani2711

Neues Mitglied
Servus,

Ich bin relativ neu in HTML und habe die Frage wie bzw wo ich bei einer Navbar den Text einfüge bzw die Bilder etc wenn ich oben in einer Navbar auf einen Tab klicke.

Bekomme das irgendwie nicht hin.
Hab es schon mit <div class & id probiert aber leider ohne erfolg.
HTML:
<html>
    <head>
  

<title>Spedition Carter</title>
<link rel="stylesheet" href="style.css">
<script src="js/Test.js"></script>       
    </head>
    <body>
        <img src="Spedition%20Carter%20Transparent.png" width="1050" height="300">
        
       <!-- Side navigation -->
<div class="sidenav">
  <a href="#about">About</a>
  <a href="#">Services</a>
  <a href="#">Clients</a>
  <a href="#">Contact</a>
</div>

<!-- Page content -->
<div id="main">
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="text" placeholder="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
        </div>

 

        
    </body>
</html>

PS:
Habe schon mehrere Vorlagen von W3Schools probiert.
Leider ohne erfolg.

MfG
 
Werbung:
Ich glaub die Frage ist etwas ungenau? Geht es dir um eine Navigation zwischen "Tabs" innerhalb deiner HTML-Seite?
 
Ich glaub die Frage ist etwas ungenau? Geht es dir um eine Navigation zwischen "Tabs" innerhalb deiner HTML-Seite?

Es geht um den Text/Seite die angezeigt werden soll sobald ich auf einen Navigationspunkt klicke^^
Wie binde ich den Text/Seite ein sodass diese angezeigt wird sobald ich auf den Navigationspunkt klicke?
 
Zuletzt bearbeitet:
Werbung:
1.Möchtest du die Inhalte alle auf einer Seite haben ( Der Link ändert sich dann nie ).
2.Oder für jeden Menü Punkt einen neuen Link ?

Zu 1.
Dann kommt es drauf an wie viele Menüpunkte du hast und wie groß der Inhalt ist.
Für ein paar Inhalte könnte man die Inhalte mit checkbox-hack oder Javascript ein und ausblenden.
Bei viel und große Inhalte sollte man die Inhalte mit Ajax nachladen.
zu2.
seite1.html
HTML:
<html>
  <head>
  </head>
  <body>
    <nav>
      <ul>
        <li><a href="seite1.html">Link 1</a></li>
        <li><a href="seite2.html">Link 2</a></li>
        </ul>
    </nav>
    <main>
      Inhalt seite 1
    </main>
  </body>
</html>
seite2.html
HTML:
<html>
  <head>
  </head>
  <body>
    <nav>
      <ul>
        <li><a href="seite1.html">Link 1</a></li>
        <li><a href="seite2.html">Link 2</a></li>
        </ul>
    </nav>
    <main>
      Inhalt seite 2
    </main>
  </body>
</html>
usw.
Bei größeren Menüs könnte man die Navigation mit Php einbinden, genau so wie footer weil der Inhalt meißtens immer gleich bleibt
 
Zuletzt bearbeitet:
 
Werbung:
Zurück
Oben