Budujemy stronę HTML od podstaw część. 1
2. Tworzenie odnośników między stronami.
Jak wiadomo strona zazwyczaj posiada kilka podstron, w tej części przedstawię jak zrobić nawigację między podstronami.
Na początek dodamy do naszego wcześniejszego kodu linki do dwóch podstron:
omnie.html
kontakt.html
Kod pliku index.html (index jest stroną główną - zawsze)
<html>
<body>
<h1>Mój pierwszy nagłówek</h1>
<p>Mój pierwszy tekst.</p>
<a href="omnie.html">Coś o mnie</a> <br />
<a href="kontakt.html">Kontakt domnie</a>
</body>
</html>
Pojawiły się dwa nowe znaczniki zacznijmy od
<br /> - tworzy on znak nowej lini czyli
tekst bez znacznika <br /> w tym miejscu
tekst ze znacznikiem <br />
w tym miejscu
Jak widać po znaku <br /> linia tekstu zostaje przerwana
<a href="kontakt.html"></a> - tworzy odnośnik do podstrony, a tekst zawarty między tymi znacznikami jest treścią odnośnika przenoszącego na daną podstronę.
Czas na utworzenie dwóch podstron:
Kod pliku omnie.html
<html>
<body>
<h1>Cześć wszystkim</h1>
<p>Jestem Janek tutaj dodam coś o sobie</p>
</body>
</html>
Kod pliku kontakt.html
<html>
<body>
<h1>Kontakt</h1>
<p>A oto kontakt do mnie:</p>
</body>
</html>
Oba te pliki zapisujemy w tym samym katalogu co index.html i gotowe teraz możesz zobaczyć efekt działania kopiując powyższe kody i zapisując je pod podanymi prze ze mnie nazwami.
Dalsza czê¶æ: 1 2 3
Jak wiadomo strona zazwyczaj posiada kilka podstron, w tej części przedstawię jak zrobić nawigację między podstronami.
Na początek dodamy do naszego wcześniejszego kodu linki do dwóch podstron:
omnie.html
kontakt.html
Kod pliku index.html (index jest stroną główną - zawsze)
<html>
<body>
<h1>Mój pierwszy nagłówek</h1>
<p>Mój pierwszy tekst.</p>
<a href="omnie.html">Coś o mnie</a> <br />
<a href="kontakt.html">Kontakt domnie</a>
</body>
</html>
Pojawiły się dwa nowe znaczniki zacznijmy od
<br /> - tworzy on znak nowej lini czyli
tekst bez znacznika <br /> w tym miejscu
tekst ze znacznikiem <br />
w tym miejscu
Jak widać po znaku <br /> linia tekstu zostaje przerwana
<a href="kontakt.html"></a> - tworzy odnośnik do podstrony, a tekst zawarty między tymi znacznikami jest treścią odnośnika przenoszącego na daną podstronę.
Czas na utworzenie dwóch podstron:
Kod pliku omnie.html
<html>
<body>
<h1>Cześć wszystkim</h1>
<p>Jestem Janek tutaj dodam coś o sobie</p>
</body>
</html>
Kod pliku kontakt.html
<html>
<body>
<h1>Kontakt</h1>
<p>A oto kontakt do mnie:</p>
</body>
</html>
Oba te pliki zapisujemy w tym samym katalogu co index.html i gotowe teraz możesz zobaczyć efekt działania kopiując powyższe kody i zapisując je pod podanymi prze ze mnie nazwami.
Dalsza czê¶æ: 1 2 3
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno