Frage Navbar Text einfügen

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

Dani2711

Neues Mitglied
18 Juli 2020
3
0
1
24
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
 

Dani2711

Neues Mitglied
18 Juli 2020
3
0
1
24
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:

basti1012

Senior HTML'ler
26 November 2017
1.475
157
63
39
Minden
sebastian1012.bplaced.net
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: