Nauczyciel: Magdalena Rajewska Przedmiot: Informatyka
Klasa: 1TAP
Temat lekcji: Tworzenie stron internetowych cz.3.
Data lekcji: 7.05.2020 Wprowadzenie do tematu:
Celem zajęć jest zapoznanie ze znacznikiem <table> stosowanym do tworzenia tabel w HTML.
1. Tabele.
Tabele mają wiele zastosowań podczas tworzenia stron internetowych m.in. umieszczenie danych w przejrzystej postaci.
Aby zdefiniować tabelę należy użyć znacznika <table> wraz z argumentami.
Do tworzenia wiersza w tabeli użyć należy znacznika <tr>. Wewnątrz tego znacznika umieszcza się kolejno zdefiniowane kolumny przy użyciu znacznika <td>.
Ważne - liczba wierszy musi być zawsze taka sama dla każdej kolumny.
Przykład 1.
Wynik działania:
1.1. Łączenie komórek w tabeli.
1.1.1. Łączenie komórek kolumnami (w poziomie).
Aby połączyć komórki w poziomie należy użyć atrybutu colspan. Atrybut ten definiujemy przy użyciu wartości liczbowych – czyli z ilu kolumn ma się składać komórka.
Przykład 2.
Wynik działania.
1.1.2. Łączenie komórek wierszami.
Aby połączyć komórki w pionie należy użyć atrybutu rowspan. Atrybut ten definiujemy przy użyciu wartości liczbowych – czyli z ilu wierszy ma się składać komórka.
Przykład 3.
Wynik działania.
1.2. Nagłówek tabeli.
Aby wstawić nagłówek tabeli należy zastosować znacznik <th>.
1.2.1 Nagłówek wiersza.
Przykład 4.
Wynik działania.
1.2.2. Nagłówek kolumny.
Przykład 5.
Wynik działania.
Instrukcje do pracy własnej:
1. Należy zapoznać się z dostarczonymi materiałami oraz wykonać wszystkie zadania z przykładów.
Informacja zwrotna:
Termin realizacji zadań: 14.05.2020
Praca zdalna:
W przypadku problemów, pytań, wątpliwości proszę o kontakt mail’owy na adres magrajzs9@gmail.com.
Zachęcam wszystkich do zdalnej komunikacji poprzez komunikator Hangouts w terminach:
Dzień tygodnia Godziny Komunikator Hangouts
Środa 7-45 – 12.50 magrajzs9@gmail.com
Czwartek 7.45 – 12.50 magrajzs9@gmail.com