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

{ "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.pl/89677/1/slides/slide_4.jpg", "name": "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 1991-1995 (w mln usd) 1991 1992 1993 1994 1995 1150 1240 1380 1420 1550

14 Nagłowki wierszy i kolumn Znacznik Nagłówek z boku wzrost produkcji pszenicy i jęczmienia w latach 1991-1995 (w mln usd) 1991 1992 1993 1994 1995 jęczmień 1150 1240 1380 1420 1550 pszenica 800 900 980 1150 132 0

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 1991-1995 1991 1992 1 993 1994 1995 Pszenica 1950 2120 1380 1420 1550 Jęczmień 980 11 50 1320

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 1991-1992 1993-1995 pszenica 2390 4350 jęczmień 800 900 980 1150 1320

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