tabela - Kurs HTML i CSS
Szablon strony na DIV-ach / Semantyczny szablon strony...CSS przynajmniej w stopniu zadowalającym? Dlaczego do tworzenia szablonów stron nie należy używać tabelek: Tabele służą do prezentacji danych tabelarycznych, a nie do tworzenia szablonów - jest to poważny błąd semantyczny. Zwiększają rozmiary dokumentów (dłuższe wczytywanie i wyższe opłaty za transfer). Znacznie ograniczają możliwości stylizacji za pomocą CSS. Utrudniają odbiór treści przez osoby niewidome oraz użytkowników przeglądarek tekstowych. Zwykle wpływają negatywnie na...
Tabele HTML / Komórki nagłówkowe tabeli <th>...Ułatwi to czytanie, jeśli komórki nagłówkowe znikną już z ekranu, z powodu zbyt długiej tabeli. Jest to bardzo przydatna funkcja zwłaszcza, jeśli tabela posiada dużo kolumn. Przykład <th, td title> Wskaż myszką dowolną zwykłą komórkę poniższej tabeli: A B 1 komórka1 komórka2 2 komórka3 komórka4 Przy okazji: zwróć uwagę na komórkę powyższej tabeli, która znajduje się w jej lewym-górnym rogu (na samym brzegu). Wygląda ona inaczej niż pozostałe, ponieważ nie posiada...
- Tabele HTML / Łączenie kolumn tabeli w grupy <colgroup, col>
...również dla znacznika <col> nadamy ten atrybut. Nawet jeśli kolumna nie wprowadza żadnych atrybutów, musi się znaleźć na liście, w przeciwnym razie tabela zostanie błędnie wyświetlona! Jeśli nie podamy atrybutu span="..." (dla grupy lub kolumny), zostanie przyjęta jego domyślna wartość, równa "1".
- Tabele HTML / Łączenie komórek tabeli <td colspan rowspan>
Poziome łączenie komórek <table> <tr> <td colspan="x">...</td> </tr> </table> gdzie "x" oznacza liczbę komórek do połączenia w poziomie. Pionowe łączenie komórek <table> <tr> <td rowspan="y">...</td> </tr> </table> gdzie "y" oznacza liczbę komórek do połączenia w pionie. Polecenie to pozwala na poziome lub pionowe łączenie komórek w tabeli, dzięki czemu jedna komórka (połączona) może się rozciągać na kilka komórek pojedynczych. Tabela z połączonymi komórkami zawiera mniej znaczników...
- Tabele HTML / Zagnieżdżanie tabel
...zbudowanie wielu tabel "jedna w drugiej". Tabele wewnętrzne znajdują się w komórkach tabeli zewnętrznej. Zauważ, że w składni polecenia powyżej, tabela podrzędna jest bardziej wcięta (przesunięta w prawo) niż nadrzędna. Nie jest to konieczne, ale bardzo ułatwia tworzenie i czytanie kodu, dlatego polecam używanie takiego sposobu wpisywania. Przykład <table, tr, td> komórka1A komórka1B komórka1C komórka1D komórka2 komórka3 komórka4 Pytania i odpowiedzi <table, tr, td>...
- Komendy HTML 4.01 / Wykaz elementów
Element Znacznik otwierający/ zamykający Wyświetlanie Opis A wymag/wymag w linii Kotwica ABBR wymag/wymag w linii Forma skrócona ACRONYM wymag/wymag w linii Akronim ADDRESS wymag/wymag w bloku Informacje o autorze APPLET wymag/wymag w linii Aplet AREA wymag/zabr Obszar w mapie odnośników klienta B wymag/wymag w linii Tekst pogrubiony BASE wymag/zabr Adres bazowy BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag...
- Komendy HTML 4.01 / TABLE
Tabela składająca się z wierszy (TR), kolumn (COLGROUP, COL) i komórek (TD). Może zawierać część nagłówkową (THEAD), ciało (TBODY) i stopkę (TFOOT), jak również opis nagłówkowy (CAPTION). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Poziome ustawienie tabeli (zdeprecjonowane): center - wyśrodkowanie left - do lewej right - do prawej BGCOLOR="kolor" Kolor tła w komórkach tabeli (zdeprecjonowane) BORDER="piksele" Szerokość w pikselach ramki otaczającej tabelę CELLPADDING="długość...
- HTML5 / Kategorie elementów HTML5
...frazową. Zawartość osadzona jest również rodzajem treści frazowej, a czasami jest zawartością interaktywną. Ponadto jeszcze inne kategorie (patrz tabela poniżej) są używane do specyficznych celów, np. elementy formularzy są określane za pomocą kilku kategorii, aby zdefiniować wspólne wymagania. Niektóre elementy mają unikalne wymagania i nie mieszczą się w żadnej szczególnej kategorii. Kategoria Opis Elementy metadane (ang. metadata content) Definiuje sposób prezentacji lub...
- Ikony (symbole) / Biznes i płatności
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Koszyk shopping_cart shopping_cart Płatności payments payments Torba na zakupy shopping_bag shopping_bag Monitorowanie monitoring monitoring Karta kredytowa credit_card credit_card Załącz pieniądze attach_money attach_money Długi paragon...
- Rozmiary CSS / Szerokość {width}
...{width} To jest akapit o szerokości 30% (width: 30%). To jest wykaz o szerokości 5em (width: 5em): Punkt pierwszy Punkt drugi To jest tabela o szerokości 100px (width: 100px) Poniżej widać obrazek o szerokości 200px (width: 200px): Pytania i odpowiedzi {width} Co oznacza "width" w CSS? W CSS, właściwość width określa szerokość elementu HTML. Może być wyrażona jako wartość procentowa, pikselowa lub w innych jednostkach. Działa na elementach blokowych i inline-block...