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

Navigation auf allen Seiten

saladin

Neues Mitglied
Servus alle zusammen,

habe mich grade für dieses Forum angemeldet, weil ich ne kleine Frage habe.

Ich bin grade dabei die ersten HTML Erfahrungen zu sammeln und bin gerade dabei eine kleine Navigation zu basteln. Jedenfalls frag ich mich ob ich folgendes
HTML:
 <body>    
 <div class="inhaltsverzeichnis"> <h1>Inhaltsverzeichnis</h1>     
    <ul>    
        <li><a href="Index.html">Startseite</a>    </li>  
        <li><a href="Elektrotechnik.html">Elektrotechnik</a>    </li>
        <li><a href="HTML.html">HTML</a>        </li>   
        <li><a href="CSS.html">CSS</a>    </li>    
   </ul>
 </div>  
</body>


in jede einzelne HTML Dateien schreiben muss, damit es auf jeder Seite ist. Ich könnte mir vorstellen, dass es hier auch so etwas wie Vererbung gibt. Oder vielleicht irgendein Konstrukt in Verbindung mit CSS. Ich meine die List wird noch größer und ich hab keine Lust des Teil in jede einzelne HTML-Datei zu stopfen.

Kann mir jemand helfen?
 
Werbung:
Das funktioniert am besten mit PHP.

Einfach die Navigation in eine Datei z.B navi.php speichern und dann kannst du sieh in jeder Datei mittels:

PHP:
<?php

inlcude('navi.php');

?>
aufrufen.
 
Werbung:
Du kannst sie auch einfach navi.html nennen und dann dementsprechent mit dem selben Namen "include",

das macht keinen Unterschied, aber die Struktur sowie die PHP Tags <?php und ?> müssen bleiben.
 
Zuletzt bearbeitet:
Läuft leider immernoch nicht.

Hier mein Code:

navi.html
HTML:
<ul>    
<li><a href="Index.html">Startseite</a>    </li>   
 <li>      <a href="Elektrotechnik.html">Elektrotechnik</a>    </li>      
  <li>          <a href="HTML.html">HTML</a>        </li>   
 <li>      <a href="CSS.html">CSS</a>    </li>    
  </ul>

navigation.html
HTML:
<html>
  <body>
    <div>
      <?php
        inlcude("navi.html");
      ?>
    </div>
  </body>
</html>
 
Hast Du vor PhP zu lernen? Was für eine Art Website machst Du gerade?

Ich würde Dir empfehlen nur mit PHP Dateien zu arbeiten, dadurch hast du einen einheitlichen Website Ordner und es entsteht kein Gemisch aus PhP und HTML Dateien.

Hier mein Vorschlag:

navi.php

PHP:
<?php

echo"
    <ul>
    <li><a href='Index.html'>Startseite</a></li>
    <li><a href='Elektrotechnik.html'>Elektrotechnik</a></li>
    <li><a href='HTML.html'>HTML</a></li><li><a href='CSS.html'>CSS</a></li>
    </ul>";

?>


navigation.php
PHP:
<html>
    <body>
        <div>
            inlcude("navi.html");
        </div>
    </body>
</html>
 
Werbung:
Die Datei navigation.php musst Du demzufolge auch über einen Webserver mit PHP-Unterstützung aufrufen. Also z.B. so: IANA &mdash; Example domains
Lokal kannst Du das zwar aufrufen, da wird der PHP-Code aber nicht ausgeführt.

Tipp: Die Frage wird hier oft gestellt. Schau dich mal im PHP-Bereich etwas um.

Moderation: Verschoben von HTML zu PHP.
 
Zurück
Oben