[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.28,0:00:02.64,Default,,0000,0000,0000,,Zrobiłam stronę\No swoich zwierzętach,
Dialogue: 0,0:00:02.64,0:00:04.12,Default,,0000,0000,0000,,z listą ich imion.
Dialogue: 0,0:00:04.32,0:00:06.80,Default,,0000,0000,0000,,Czy coś was zastanawia?
Dialogue: 0,0:00:07.02,0:00:10.95,Default,,0000,0000,0000,,Miałam Czarno-białego,\NDemona i Anioła,
Dialogue: 0,0:00:11.09,0:00:12.99,Default,,0000,0000,0000,,ale jakie to były zwierzaki?
Dialogue: 0,0:00:13.13,0:00:14.41,Default,,0000,0000,0000,,Jakiego koloru?
Dialogue: 0,0:00:14.52,0:00:15.92,Default,,0000,0000,0000,,W jakim wieku?
Dialogue: 0,0:00:16.11,0:00:18.32,Default,,0000,0000,0000,,Powinnam podać więcej informacji
Dialogue: 0,0:00:18.32,0:00:21.03,Default,,0000,0000,0000,,o swoich zwierzętach.\NOdpowiedzieć na pytania.
Dialogue: 0,0:00:21.20,0:00:23.46,Default,,0000,0000,0000,,Mogłabym zrobić listę zagnieżdżoną
Dialogue: 0,0:00:23.46,0:00:27.01,Default,,0000,0000,0000,,lub podawać informacje\Nw nawiasach:
Dialogue: 0,0:00:27.17,0:00:32.00,Default,,0000,0000,0000,,Czarno-biały był królikiem,\NDemon to kot,
Dialogue: 0,0:00:32.00,0:00:34.17,Default,,0000,0000,0000,,Anioł - też kot.
Dialogue: 0,0:00:34.50,0:00:37.60,Default,,0000,0000,0000,,Ale wygląda to nieporządnie.
Dialogue: 0,0:00:37.60,0:00:40.91,Default,,0000,0000,0000,,I nie mogę przewijać w dół tak,\Nby widzieć gatunki
Dialogue: 0,0:00:40.91,0:00:42.59,Default,,0000,0000,0000,,w postaci eleganckiej listy.
Dialogue: 0,0:00:43.11,0:00:47.12,Default,,0000,0000,0000,,To wspaniała okazja,\Nżeby stworzyć tabelę
Dialogue: 0,0:00:47.40,0:00:49.13,Default,,0000,0000,0000,,z wierszami dla zwierzaków
Dialogue: 0,0:00:49.13,0:00:51.86,Default,,0000,0000,0000,,i z kolumnami na informacje,
Dialogue: 0,0:00:51.86,0:00:53.76,Default,,0000,0000,0000,,które chcę wam podać.
Dialogue: 0,0:00:54.05,0:00:58.39,Default,,0000,0000,0000,,Do robienia tabel w HTML-u\Ntrzeba wielu znaczników.
Dialogue: 0,0:00:58.62,0:00:59.84,Default,,0000,0000,0000,,Przygotujcie się!
Dialogue: 0,0:00:59.97,0:01:02.55,Default,,0000,0000,0000,,Nie musicie uczyć się\Nznaczników na pamięć.
Dialogue: 0,0:01:02.55,0:01:04.39,Default,,0000,0000,0000,,Jest gdzie sprawdzać.
Dialogue: 0,0:01:04.43,0:01:07.19,Default,,0000,0000,0000,,Mnie uczenie się ich\Nzajęło 10 lat, a jestem
Dialogue: 0,0:01:07.19,0:01:08.04,Default,,0000,0000,0000,,zawodowcem!
Dialogue: 0,0:01:08.58,0:01:10.19,Default,,0000,0000,0000,,Jesteście gotowi?
Dialogue: 0,0:01:10.49,0:01:14.89,Default,,0000,0000,0000,,Pierwszy znacznik to „table”\N(ang. tabela). Trafna nazwa!
Dialogue: 0,0:01:15.10,0:01:19.93,Default,,0000,0000,0000,,Potrzebujemy nagłówka w tabeli,\Nna tytuły kolumn.
Dialogue: 0,0:01:20.02,0:01:22.46,Default,,0000,0000,0000,,Zapiszemy: „thead”.
Dialogue: 0,0:01:23.27,0:01:27.87,Default,,0000,0000,0000,,Wewnątrz zwykle jest\Njeden wiersz komórek nagłówka.
Dialogue: 0,0:01:27.99,0:01:31.96,Default,,0000,0000,0000,,Dodając wiersz, używamy\Nznacznika „tr”.
Dialogue: 0,0:01:32.63,0:01:35.29,Default,,0000,0000,0000,,W tym wierszu wstawiamy\Nkomórki nagłówka.
Dialogue: 0,0:01:36.02,0:01:40.91,Default,,0000,0000,0000,,Do stworzenia komórki użyjemy „th”.
Dialogue: 0,0:01:42.23,0:01:44.84,Default,,0000,0000,0000,,Jaka będzie nazwa pierwszej kolumny?
Dialogue: 0,0:01:45.10,0:01:49.25,Default,,0000,0000,0000,,Imiona zwierzaków to najważniejsza\Ninformacja w wierszu.
Dialogue: 0,0:01:49.25,0:01:51.10,Default,,0000,0000,0000,,To go określa.
Dialogue: 0,0:01:51.29,0:01:54.55,Default,,0000,0000,0000,,Dodajmy kolumnę dla gatunku
Dialogue: 0,0:01:55.27,0:01:58.58,Default,,0000,0000,0000,,i w końcu - dla koloru.
Dialogue: 0,0:01:59.34,0:02:01.53,Default,,0000,0000,0000,,Na razie wystarczy kolumn,
Dialogue: 0,0:02:01.53,0:02:03.52,Default,,0000,0000,0000,,wpiszmy dane.
Dialogue: 0,0:02:03.90,0:02:05.95,Default,,0000,0000,0000,,Wiersze z danymi zaczynamy
Dialogue: 0,0:02:05.95,0:02:09.47,Default,,0000,0000,0000,,od „tbody” pod naszym „thead”.
Dialogue: 0,0:02:09.47,0:02:11.85,Default,,0000,0000,0000,,Chcemy zrobić wiersz,
Dialogue: 0,0:02:11.85,0:02:14.00,Default,,0000,0000,0000,,więc używamy znacznika „tr”.
Dialogue: 0,0:02:14.34,0:02:16.72,Default,,0000,0000,0000,,Tutaj, zamiast pisać „th”,
Dialogue: 0,0:02:16.72,0:02:19.82,Default,,0000,0000,0000,,damy „td”, bo jesteśmy w treści.
Dialogue: 0,0:02:20.06,0:02:23.14,Default,,0000,0000,0000,,Napiszemy „td”,\Nco oznacza „dane w tabeli”.
Dialogue: 0,0:02:23.14,0:02:26.47,Default,,0000,0000,0000,,Jaka jest wartość w pierwszej komórce
Dialogue: 0,0:02:26.47,0:02:27.94,Default,,0000,0000,0000,,w 1. wierszu danych?
Dialogue: 0,0:02:28.27,0:02:30.26,Default,,0000,0000,0000,,Zerknę na swoją listę.
Dialogue: 0,0:02:30.26,0:02:33.80,Default,,0000,0000,0000,,Pierwszy na niej jest Czarno-biały,
Dialogue: 0,0:02:33.80,0:02:36.02,Default,,0000,0000,0000,,a to imię zwierzaka.
Dialogue: 0,0:02:36.02,0:02:39.32,Default,,0000,0000,0000,,Napiszę więc: „Czarno-biały”.
Dialogue: 0,0:02:40.42,0:02:42.33,Default,,0000,0000,0000,,Teraz drugi „td”.
Dialogue: 0,0:02:42.69,0:02:46.73,Default,,0000,0000,0000,,Widzimy, że drugi „th” to gatunek.
Dialogue: 0,0:02:46.73,0:02:49.73,Default,,0000,0000,0000,,Czarno-biały był królikiem,
Dialogue: 0,0:02:49.91,0:02:52.11,Default,,0000,0000,0000,,napiszemy więc „królik”.
Dialogue: 0,0:02:52.70,0:02:55.16,Default,,0000,0000,0000,,I trzeci „th”.
Dialogue: 0,0:02:55.31,0:02:58.13,Default,,0000,0000,0000,,Sprawdzamy: to był kolor.
Dialogue: 0,0:02:58.23,0:03:00.18,Default,,0000,0000,0000,,Zatem odpowiadający „td”…
Dialogue: 0,0:03:00.18,0:03:04.43,Default,,0000,0000,0000,,nazywając królika, nie byłam\Nzbyt pomysłowym dzieckiem.
Dialogue: 0,0:03:04.43,0:03:07.94,Default,,0000,0000,0000,,Domyślcie się.
Dialogue: 0,0:03:08.48,0:03:10.53,Default,,0000,0000,0000,,Zróbmy kolejny wiersz.
Dialogue: 0,0:03:10.92,0:03:12.97,Default,,0000,0000,0000,,Pokażę wam sztuczkę.
Dialogue: 0,0:03:13.10,0:03:15.51,Default,,0000,0000,0000,,Po zrobieniu jednego wiersza,
Dialogue: 0,0:03:15.51,0:03:17.13,Default,,0000,0000,0000,,zaznaczam go
Dialogue: 0,0:03:17.13,0:03:19.39,Default,,0000,0000,0000,,i kopiuję skrótem klawiaturowym,
Dialogue: 0,0:03:19.39,0:03:22.59,Default,,0000,0000,0000,,zwykle CTRL+C lub cmd+C,
Dialogue: 0,0:03:22.59,0:03:24.44,Default,,0000,0000,0000,,zależnie od systemu operacyjnego.
Dialogue: 0,0:03:24.63,0:03:28.64,Default,,0000,0000,0000,,I wklejam, także używając skrótu.
Dialogue: 0,0:03:28.64,0:03:31.08,Default,,0000,0000,0000,,Zazwyczaj to CTRL+V\Nlub cmd+V,
Dialogue: 0,0:03:31.08,0:03:33.04,Default,,0000,0000,0000,,w zależności od systemu.
Dialogue: 0,0:03:33.18,0:03:36.98,Default,,0000,0000,0000,,Wkleiłam i tylko zmienię wartości.
Dialogue: 0,0:03:37.04,0:03:41.78,Default,,0000,0000,0000,,Tu będzie Demon, kot i czarny.
Dialogue: 0,0:03:41.78,0:03:44.40,Default,,0000,0000,0000,,Zrobimy to jeszcze raz.
Dialogue: 0,0:03:44.40,0:03:52.40,Default,,0000,0000,0000,,Tu będzie Anioł, kot, rudy.
Dialogue: 0,0:03:52.97,0:03:55.61,Default,,0000,0000,0000,,Można się zanudzić,
Dialogue: 0,0:03:55.61,0:03:59.07,Default,,0000,0000,0000,,ciągle wpisując „tr” i „td”.
Dialogue: 0,0:03:59.07,0:04:03.00,Default,,0000,0000,0000,,Kopiuj-wklej ułatwia sprawę.
Dialogue: 0,0:04:03.53,0:04:05.72,Default,,0000,0000,0000,,No i mamy tabelę.
Dialogue: 0,0:04:05.95,0:04:08.04,Default,,0000,0000,0000,,Mogłabym dołożyć kolumny,
Dialogue: 0,0:04:08.04,0:04:10.55,Default,,0000,0000,0000,,dodając kolejne „th” w nagłówku
Dialogue: 0,0:04:10.55,0:04:12.83,Default,,0000,0000,0000,,i „td” w wierszach,
Dialogue: 0,0:04:12.83,0:04:15.96,Default,,0000,0000,0000,,gdybym chciała podawać\Nwięcej informacji o zwierzakach.
Dialogue: 0,0:04:16.24,0:04:19.66,Default,,0000,0000,0000,,Ciekawi was, jak można\Nzmieniać wygląd tabeli,
Dialogue: 0,0:04:19.66,0:04:22.19,Default,,0000,0000,0000,,np. krawędzie lub kolor tła?
Dialogue: 0,0:04:22.36,0:04:24.67,Default,,0000,0000,0000,,Robi się to za pomocą\Nwłaściwości CSS,
Dialogue: 0,0:04:24.67,0:04:27.75,Default,,0000,0000,0000,,które już znacie\Nalbo poznacie wkrótce.
Dialogue: 0,0:04:27.92,0:04:31.52,Default,,0000,0000,0000,,Zmieńcie tę stronę,\Nby zrobić listę swoich zwierzaków
Dialogue: 0,0:04:31.52,0:04:33.26,Default,,0000,0000,0000,,lub tych, o których marzycie.
Dialogue: 0,0:04:33.49,0:04:35.16,Default,,0000,0000,0000,,Przedstawcie dane w tabeli!