Page 23 - Informatyka na czasie ZP1

11. Tworzenie stron internetowych

Pełny zapis wygląda następująco:
 Dobra rada
1. <table border="1"> Kodu tabeli w języku HTML
2. <tr> nie czytaj liniowo (wiersz
3. <th>Kontynent</th> po wierszu). Postaraj się
4. <th colspan="2">Zapis waluty</th> najpierw odszukać
5. </tr> znaczniki tabeli, a następnie
znaczniki kolejnych wierszy
6. <tr> oraz znaczniki kolejnych
7. <td>Ameryka Północna</td> komórek w tych wierszach.
8. <td>Dolar amerykański</td>
9. <td>USD</td>
10. </tr>
11. <tr>
12. <td rowspan="2">Europa</td>
13. <td>Euro</td>
14. <td>EUR</td>
15. </tr>
16. <tr>
17. <td>Złoty polski</td>
18. <td>PLN</td>
19. </tr>
20. </table> Rys. 11.9. Efekt scalania w pionie i w poziomie

Komentarze w kodzie
Rozbudowane serwisy internetowe tworzone są nie przez jedną oso­  Warto wiedzieć
bę, lecz cały zespół ludzi. Dobrą praktyką jest stosowanie komentarzy Duże serwisy internetowe
w kodzie strony internetowej, aby inni członkowie zespołu mogli się składają się z wielu
zorientować, czego dany fragment dotyczy. różnych plików, m.in.
Aby treść komentarzy nie została wyświetlona przez przeglądarkę z rozszerzeniami html, css,
php, js.
internetową, należy je umieścić między specjalnymi nawiasami <!--
oraz -->. Oto przykład zastosowania komentarza w kodzie HTML:  Dobra rada
<h1> Rozdział 1 </h1> <!-- tytuł pierwszego rozdziału Pamiętaj o zamykaniu
powieści --> komentarza. Jeśli tego
nie zrobisz, cały kod od
Przeglądarka wyświetli jedynie nagłówek z tekstem „Rozdział 1”. rozpoczęcia komentarza
może zostać zignorowany
Listy przez przeglądarkę.
W języku HTML, podobnie jak w edytorach tekstu, możemy skorzy­
stać z listy uporządkowanej (numerowania) lub listy nieuporządko­  Warto wiedzieć
wanej (wypunktowania). Aby otrzymać listę numerowaną, używamy Nazwa znacznika <ol>
znacznika <ol>, natomiast listę wypunktowaną tworzymy za pomo­ pochodzi od angielskiego
cą <ul>. W obydwu przypadkach za kolejne elementy listy odpowiada wyrażenia ordered
znacznik <li>. list, które oznacza listę
uporządkowaną.
Przykład kodu listy nieuporządkowanej i jego realizacja (rys. 11.10):
1. <ul>  Warto wiedzieć
2. <li>Matematyka</li>
3. <li>Fizyka</li> Nazwa znacznika <ul>
pochodzi od angielskiego
4. <li>Informatyka</li> wyrażenia unordered
5. </ul> list, które oznacza listę
Rys. 11.10. Realizacja kodu nieuporządkowaną.
listy nieuporządkowanej
179