Page 21 - Informatyka na czasie ZP1

11. Tworzenie stron internetowych

Przenoszenie do wybranego fragmentu strony WWW:
<h2 id="Kontakt">Dane adresowe</h2>
<a href="#Kontakt">Idź do danych adresowych</a>
W powyższym przykładzie użyto atrybutu id do nazwania wybra­  Dobra rada
nego fragmentu strony (w tym przypadku nagłówka drugiego stop­ Nazwa, którą nadajesz za
nia). Do fragmentu odwołujemy się z wykorzystaniem znacznika <a> pomocą atrybutu id,
i atrybutu href. Jako wartość podajemy nazwę identyfikatora poprze­ musi być unikalna.
W przeciwnym przypadku
dzoną znakiem #. Oba znaczniki powinny się pojawić w różnych, od­ nie można jednoznacznie
ległych od siebie miejscach. Wówczas będzie można zaobserwować określić, do którego
fragmentu ma prowadzić link.
przenoszenie do wskazanego fragmentu strony.
Linkowanie do adresu e­mail:

<a href="mailto: olimpiada@oi.edu.pl">Wyślij wiadomość</a>
Wartość atrybutu href rozpoczyna się od zapisu mailto i znaku
dwukropka, które oznaczają, że po nich zapisano adres e­mail. Klik­
nięcie tak utworzonego linku spowoduje uruchomienie domyślnej
aplikacji obsługującej pocztę elektroniczną na naszym komputerze.

Tabele
Język HTML pozwala również na wyświetlanie danych w tabeli. Służą  Warto wiedzieć
do tego znaczniki <table> i </table>. Wewnątrz tabeli wiersze defi­ Nazwa znacznika <tr>
niujemy za pomocą znaczników <tr> i </tr>, a komórki w wierszach – pochodzi od angielskiego
przy użyciu znaczników <td> i </td>. Za pomocą znaczników <th> i </th> wyrażenia table row, które
możemy wyróżnić nagłówek (pierwszy wiersz) tabeli. Nagłówek ten oznacza wiersz tabeli.
domyślnie będzie pogrubiony i wyśrodkowany.  Warto wiedzieć
Poniżej pokazano kod tabeli składającej się z nagłówka, trzech wier­ Nazwa znacznika <td>
szy oraz dwóch kolumn. Rysunek 11.7 przedstawia realizację tego kodu. pochodzi od angielskiego
1. <table border="1"> wyrażenia table data, które
2. <tr> oznacza dane tabeli.
3. <th>Waluta</th>
4. <th>Zapis</th>  Warto wiedzieć
5. </tr> Nazwa znacznika <th>
6. <tr> pochodzi od angielskiego
7. <td>Dolar amerykański</td> wyrażenia table heading,
które oznacza nagłówek
8. <td>USD</td> tabeli.
9. </tr>
10. <tr>
11. <td>Euro</td>
12. <td>EUR</td>
13. </tr>
14. <tr>
15. <td>Złoty polski</td>
16. <td>PLN</td>
17. </tr>
18. </table>

Rys. 11.7. Realizacja kodu tabeli

177