...
Wstawianie zwykłej tabeli
Aby wstawić tabelę klikamy na ikonie tabelki w edytorze:
...
Określamy podstawowe parametry tabeli (np. ilość kolumn i wierszy), po czym klikamy
...
przycisk Wstaw:
...
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.
| Ostrzeżenie | |
|---|---|
| title | UWAGA!Należy pamiętać, aby kolejne parametry tabeli były rozdzielone spacją, bez żadnych dodatkowych znaków. |
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
| Filtruj według etykiety (treść według etykiety) | ||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...