Wstawianie tabel

Wstawianie zwykłej tabeli

Aby wstawić tabelę klikamy na ikonie tabelki w edytorze:

Open

Określamy podstawowe parametry tabeli (np. ilość kolumn i wierszy), po czym klikamy przycisk Wstaw:

Open

Wstawiona w ten sposób tabela jest pusta, należy ją wypełnić danymi. Po wpisaniu danych i zapisaniu  strony tabela będzie wyglądała tak:

Taka tabela może być wykorzystana np. do rozmieszczenia danych na stronie, czyli stworzenia pewnego rodzaju układu strony, ale dane nie prezentują się w niej najlepiej. Lepszym rozwiązaniem jest wstawienie tabeli z wybranym stylem.

Wstawianie tabeli ze stylem

Rozpoczynamy od wstawienia tabeli:

W okienku parametrów tabeli rozwijamy listę Klasa i wybieramy z niej klasę tabeli (jedną z dostępnych: szeroka, obramowana, podświetlona, przemienna):

Po wybraniu np. tabeli obramowanej, wypełnieniu jej danymi oraz zapisaniu będzie się ona prezentowała następująco:

Oczywiście pozostałe style prezentują inny wygląd – warto poeksperymentować we własnym zakresie.

Wstawianie tabeli z wieloma stylami

Istnieje także możliwość wstawienia tabeli z wieloma stylami – w tym celu najpierw wstawiamy tabelę z jednym stylem (tak jak pokazano powyżej), po czym wyświetlamy źródło strony klikając na ikonę (< >):

W źródle HTML odszukujemy sekcję z tabelą (rozpoczyna się od "<table"), po czym jej klasę (zaznaczoną poniżej):

Wpisując w tym miejscu właściwości tabeli (szeroka, obramowana, podświetlona, przemienna) możemy łączyć je dowolnie ze sobą uzyskując np. szeroką tabelę podświetlaną lub naprzemienną z obramowaniem.

Nasza przykładowa tabela z klasą szeroka, obramowana i podświetlona po zapisaniu będzie wyglądała następująco:

Podświetlany jest jedynie ten wiersz, nad którym zatrzymany jest kursor myszy.

Powiązane artykuły