Loading:

Rozwiń skrzydła w branży IT [Książki drukowane -35%| Ebooki -50%]

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z Jak zbudować pr Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.octdec 2.dir() 3.play() 4.floor 5.fseek() 6.uksort() 7.yaz_errno 8.imagewbmp 9.trim() 10.curl_errno

56853.05

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)

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>