Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

HTML Konstrukcja i formatowanie tabel. Podstawowe znaczniki Ogólne ramy tabeli Wiersz tabeli Komórka w wierszu.

Podobne prezentacje


Prezentacja na temat: "HTML Konstrukcja i formatowanie tabel. Podstawowe znaczniki Ogólne ramy tabeli Wiersz tabeli Komórka w wierszu."— Zapis prezentacji:

1 HTML Konstrukcja i formatowanie tabel

2 Podstawowe znaczniki Ogólne ramy tabeli Wiersz tabeli Komórka w wierszu

3 Obramowanie tabeli Atrybut border – obramowanie tabeli … 1 2 3

4 Przykład 1

5 Obramowanie komórek Atrybut cellspacing


6 Przykład 2 (atrybut cellspacing)

7 Marginesy komórek Atrybut cellpadding ….

8 Rozmiary tabeli i komórek Atrybut width Przykład: … tekst1 tekst2 Uwaga: wartość atrybutu width podana w procentach dla znacznika odnosi się do szerokości tabeli, a nie strony

9 Wyrównanie tabeli Atrybut align znacznika Wartości align: left, right, center

10 Wyrównywanie zawartości tebel Poziome wyrównanie danych w komórkach Atrybut align znacznika Wartości align: left, right, center Pionowe wyrównanie danych w komórkach Atrybut valign znacznika Wartości align: top, middle, bottom

11 Kolory tabel Tło tabeli i komórek Atrybut bgcolor znaczników i Obramowanie tabeli Atrybut bordercolor znacznika Odcień obramowania tabeli Atrybuty bordercolordark i bordercolorlight znaczników, i

12 Opisywanie tabel znacznik Podpis u góry: tytuł u góry u dołu: tytuł u dołu Inne atrybuty: align (left, right, center)

13 Nagłowki wierszy i kolumn Znacznik Nagłówek u góry wzrost produkcji w latach (w mln usd)

14 Nagłowki wierszy i kolumn Znacznik Nagłówek z boku wzrost produkcji pszenicy i jęczmienia w latach (w mln usd) jęczmień pszenica

15 Łączenie komórek Atrybut rowspan znaczników i (definiuje ilość wierszy, na które rozciąga się komórka)

16 Przykład użycia atrybutu rowspan Wzrost produkcji w latach Pszenica Jęczmień

17 Łączenie komórek w poziomie Atrybut colspan znaczników i (definiuje ilość kolumn, na które rozciąga się komórka)

18 Przykład użycia atrybutu colspan Wzrost produkcji pszenicy i jęczmienia pszenica jęczmień

19 Zagnieżdżanie tabel Schemat:

20 Nagłówek, ciało, stopka część nagłówkowa komórka 1 komórka 2 to jest stopka

21 Rozszerzenia języka html dla formatowania obramowań zewnętrznych Atrybut frame znacznika Wartości atrybutu frame -void: usuwa zewnętrzne obramowanie -above: wstawia górną część obramowania -below: wstawia dolną część obramowania -vsides: wstawia lewą o prawą część obramowania -hsides: wstawia górną i dolną część obramowania -lhs: wstawia lewą krawędź obramowania -rhs: wstawia prawą krawędź obramowania -box: wstawia wszystkie krawędzie obramowania

22 Rozszerzenia języka html dla formatowania obramowań zewnętrznych Atrybut rules znacznika Wartości atrybutu rules -none: usuwa linie wewnętrzne -groups: wyświetla tylko linie wewnętrzne dzielące części nagłówka, ciała i stopki tabeli oraz grup kolumn -rows: wyświetla poziome linie wewnętrzne -cols: wyświetla pionowe linie wewnętrzne -all: wyświetla wszystkie linie wewnętrzne

23 Grupy kolumn Znacznik i wydziela grupę 4 kolumn (span=4) i środkowanie ich zawartości. wydziela 1 kolumę i wyrówuje jej zawartości do prawego marginesu.

24 Przykład …… Zagnieżdżanie definicji grup kolumn


Pobierz ppt "HTML Konstrukcja i formatowanie tabel. Podstawowe znaczniki Ogólne ramy tabeli Wiersz tabeli Komórka w wierszu."

Podobne prezentacje


Reklamy Google