Loading:

Promocja Helion.pl

Jak zrobić proste menu w HTML

Więc co bedzie potrzebne.

Potrzebne pliki:

-index.html (najlepiej ponieważ index.html to strona główna)

-style.css [Pobierz plik] (w nim będzie zapisany "wygląd" menu)



Napisz Artykuł

Listing

Wchodzimy do pliku index.html
W górnej części pliku powinno sie znajdować:

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
        <meta name="Description" content="Tu wpisz opis zawartości strony" />
        <meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
        <title>Tu wpisz tytuł strony</title>
</head>
<body>

a w stopce:

</body>
</html>

Pomiędzy tym wpisuje się treść strony czyli w naszym przypadku bedzie to menu.

Skoro już wiesz jak ma wyglądać plik przejdźmy do rzeczy.

Krok 1
Plik index.html

Dodaj między <head> i </head>:
  <link rel="stylesheet" href="style.css" type="text/css">

Bez tego nasze menu nie bedzie poprawnie działać.

Krok 2
Tworzymy menu

Więc między <body> i </body> wpisujemy:
        <div id="box">
                <div id="menu">
                        <ul class="menu">
                                <li><a class="menu" href="index.html">Strona Główna</a></li>

                        </ul>
                </div>
                </div>

Teraz mamy już pierwszą zakładke o nazwie Strona Główna
Żeby dodać następne zakładki menu wpisujemy pod:
<li><a class="menu" href="index.html">Strona Główna</a></li>
to:
<a class="menu" href="przekierowanie">Nazwa</a></li>


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=5522

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: marcinrm5 Ranga: Poziom 7 Punktów: 247
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors