HTML - Tabele
Bardzo wiele danych wygodnie jest prezentować w formie tabelarycznej, np. różnego rodzaju
zestawienia. Z tego powodu w języku HTML wprowadzono zestaw znaczników pozwalających na
tworzenie tabel. Jak się okazało pózniej, te znaczniki pozwoliły także na precyzyjne rozmieszczenie
poszczególnych elementów na stronie, przez co możliwe stało się tworzenie stron których szata
graficzna wykraczała poza to co oferowały pozostałe znaczniki.
Przy tworzeniu tabeli podstawę stanowią następujące znaczniki:
·ð
- ten znacznik stanowi "ramę" wewnątrz której zawiera się cała definicja tabeli;
·ð - ten znacznik sÅ‚uży do zdefiniowania pojedynczego wiersza tabeli. W jego obrÄ™bie
muszą znajdować się definicje poszczególnych komórek tabeli;
·ð - ten znacznik z kolei sÅ‚uży do zdefiniowania pojedynczej komórki tabeli;
·ð | - znacznik ten podobnie jak znacznik | definiuje pojedynczÄ… komórkÄ™ tabeli.
Różnica jest jednak taka że znacznik | tworzy komórkę nagłówka - test w takiej komórce
jest pogrubiony.
Przykładowa Tabela:
kED:
PrzeglÄ…darka internetowa:
Damian Serwatka 1 15 marca 2015
Modyfikowanie wyglÄ…du tabeli - znaczniki w tabeli
Znacznik Przykład wpisania Efekt
border - grubośc
obramowania tabeli
cellspacing - wielkość odstępu
pomiędzy komórkami
cellpadding - wielkość
odstępu pomiędzy
zawartością komórki a jej
obramowaniem
width - szerokość tabeli
bgcolor - kolor tła tabeli
background - obrazek jako tło
tabeli
align - wyrównanie tabeli do
brzegów: left, center, right
Możliwe jest także sterowanie sposobem rysowania obramowania zewnętrznego tabeli, za pomocą
parametru frame znacznika .
·ð void - brak obramowania ·ð rhs - tylko prawa krawÄ™dz
·ð above - tylko górna krawÄ™dz ·ð hsides - górna i dolna krawÄ™dz
·ð below - tylko górna krawÄ™dz ·ð vsides - lewa i prawa krawÄ™dz
·ð lhs - tylko lewa krawÄ™dz ·ð box - wszystkie krawÄ™dzie
Damian Serwatka 2 15 marca 2015
Modyfikowanie wyglÄ…du wierszy - znaczniki tabeli
Znacznik Przykład wpisania Efekt
align - wyrównanie tekstu w 11 | 12 |
komórkach wierszu: left,
valign - wyrównanie tekstu w 11 | 12 |
pionie w komórkach w balign="bottom>
wierszu: top, middle, bottom 21 | 22 |
11 | 12 |
bgcolor - kolor tła komórek w
wierszu
21 | 22 |
Modyfikowanie wyglądu komórek - znaczniki tabeli
·ð align - wyrównanie tekstu w ·ð valign - wyrównanie tekstu w
komórkach wierszu pionie w komórkach
·ð bgcolor - kolor tÅ‚a w komórce ·ð width - szerokość komórki
Znacznik Przykład wpisania Efekt
11 | 12 | 13 |
colspan - połączenie komórek w wierszu colspan="2">21,22 | 23 |
31 | 32 | 33 |
11 | rowspan="2">12,22 | 13 |
rowspan - połączenie
komórek w kolumnie 21 | 23 |
31 | 32 | 33 |
Damian Serwatka 3 15 marca 2015
Wyszukiwarka
Podobne podstrony:
HTML Tabele HTML 12 2004
html tabele
HTML Tabele
Kurs HTML HTML Tabele
ćwiczenie5 tabele
html
tabele
README HTML (2)
!0002 HTML Themes
html
Kody w Html`u
access st2008z lab02 tabele
tabele2
DoesYourMotherKnow HTML
więcej podobnych podstron
|