• Artykuł

          

Encyklopedia: Jak otworzyć stronę w nowym oknie - Kurs HTML i CSS  Udostępnij na: Facebook

Autor: Mateusz Mikulski

Opublikowano: 2011-09-22

Często, podczas tworzenia stron internetowych, zachodzi potrzeba utworzenia odnośnika, który będzie przenosił użytkownika do innego, zewnętrznego źródła. W tym celu najlepiej utworzyć odnośnik, który będzie otwierał stronę docelową w nowym oknie. Pozwoli to na jednoczesne utrzymanie użytkownika na własnej stronie internetowej, jak również wyświetlenie strony, do której odnośnik będzie prowadził.

Należy jednak pamiętać, aby stosować tego typu odnośniki tylko w przypadku przeniesienia użytkownika poza przygotowaną stronę internetową.

Standardowy odnośnik możemy utworzyć za pomocą konstrukcji:

<a href="adres_docelowy">Opis</a>

Aby taki odnośnik przenosił użytkownika do nowego okna, należy do znacznika <a> dodać właściwość target z wartością _blank:

<a target="_blank" href="adres_docelowy">Opis</a>

Przykład

Przykład dotyczący zastosowania mechanizmu otwierania strony w nowym oknie jest zawarty w poniższym kodzie. Jego wynik został zaprezentowany na Rys. 1*.*

<html>
<head>
    <title>Jak otworzyć stronę w nowym oknie</title>
</head>
<body>
    <a href="http://msdn.pl" target="_blank">Portal MSDN</a>
</body>
</html>

Rys. 1. Strona otwarta w nowym oknie poprzez odnośnik na stronie.

Sprawdź

Praktyczne przykłady

Zobacz, jak praktycznie wykorzystać odnośniki w samouczku: