tabele - Kurs HTML i CSS
Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarki...['Selektory pseudoklas','../css/pseudoklasy.html'], ['Selektory specjalne','../css/specjalne.html'], ['Tabele','../html/tabele.html'], ['Tabele (CSS)','../css/tabele.html'], ['Tekst','../html/tekst.html'], ['Tekst (CSS)','../css/tekst.html'], ['Tło','../css/tlo.html'], ['Tryb quirks','../css/quirks.html'], ['Wstawianie stylów','../css/wstawianie.html'], ['Wykazy','../css/wykazy.html'], ['XHTML','../html/xhtml.html'], ['Znaki secjalne','../html/znaki.html']...
Rozmiary CSS / Szerokość i marginesy automatyczne...jest zwykle wykorzystywany do budowy szkieletu strony w oparciu o CSS, a nie tak jak robiło się kiedyś - w oparciu o odpowiednio sformatowane tabele. Tworzenie szkieletu strony w oparciu o tabele zostało obmyślone w czasach, kiedy nie było jeszcze CSS lub był słabo wspierany przez przeglądarki. Wtedy był to jedyny sposób budowy bardziej wyszukanego układu treści. Obecnie interpretacja CSS w popularnych przeglądarkach jest już wystarczająca, aby ostatecznie porzucić stare nawyki...
- Szablon strony na DIV-ach / Semantyczny szablon strony
Spis treści Szablon strony na DIV-ach Dlaczego nie tabele? Szablon strony na DIV-ach Po lekturze rozdziału pt. Menu w CSS powinny być Ci już znane praktyczne możliwości stylizacji elementów stron internetowych. Wiesz już zapewne, dlaczego rozwiązanie oparte o CSS jest najkorzystniejszym wyborem przy tworzeniu menu nawigacyjnego. Dlaczego zatem ograniczać się tylko do menu, kiedy można przecież zyskać jeszcze więcej, projektując całą stronę w ten sam sposób: Wyobraź sobie, że po roku...
Tabele HTML / Struktura tabeli HTML <table, tr, td>...również własną metodę. Wybierz tą, która najbardziej Ci odpowiada i stosuj ją konsekwentnie. Pytania i odpowiedzi <table, tr, td> Co to są tabele i do czego służą? Tabela w języku HTML to struktura używana do organizowania danych w formie siatki z komórkami (rubrykami), składającej się z wierszy i kolumn. Służy do prezentacji danych o powtarzającym się charakterze (np. różnego rodzaju zestawień) w uporządkowany sposób, umożliwiając ich czytelne i zrozumiałe wyświetlanie na stronie...
- Tabele HTML / Zagnieżdżanie tabel
...komórka2 komórka3 komórka4 Pytania i odpowiedzi <table, tr, td> Czy możliwe jest umieszczanie tabel jedna w drugiej? Tak, można wstawiać tabele jedna w drugiej, a nawet jedna w drugiej w trzeciej itd. Warto przy tym pamiętać, że im więcej tabel umieścimy wewnątrz siebie, tym taka konstrukcja może być coraz mniej czytelna ze względu na niewystarczającą ilość miejsca na ekranie. Jak zrobić tabelę w tabeli HTML? W tym celu wewnątrz znacznika wybranej komórki <td>...</td> tabeli...
- Drukowanie CSS / Typ strony wydruku {page}
...kilka rozbudowanych tabel posiadających dużą liczbę kolumn. W takiej sytuacji tekst najlepiej by było wydrukować w orientacji pionowej, ale wtedy tabele mogą się nie zmieścić w szerokości kartki papieru. Nie chcielibyśmy też całego dokumentu drukować w orientacji poziomej, ponieważ w ten sposób ułożony na kartce tekst niewygodnie się czyta. Nie chcielibyśmy również zmuszać użytkownika, żeby osobno drukował strony dokumentu zawierające akapity tekstu, a potem ręcznie przestawiał orientację...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
Jeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
- HTML dla zielonych / Podsumowanie
To by było na tyle. Poznane tu polecenia powinny pozwolić Ci na napisanie prostej, ale zarazem dość dobrze wyglądającej strony WWW. Jeśli już teraz chcesz jak najszybciej sprawdzić w praktyce poznane wiadomości, to tutaj możesz skorzystać z szybkiego edytora stron próbnych, który pozwoli Ci napisać Twoją pierwszą testową stronę WWW. A więc do dzieła... ✅ Rozpocznij tworzenie strony WWW Jeżeli będziesz mieć więcej czasu, zajrzyj do dalszych rozdziałów tego kursu. Znajdziesz tam o wiele więcej...
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
...atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. W celu poprawienia czytelności danych, często spotyka się obszerne tabele, w których kolejne nieparzyste wiersze są pokolorowane w odmienny sposób niż parzyste. Taki rodzaj formatowania można oczywiście uzyskać dodając co drugiemu wierszowi odpowiednią klasę. Gdy jednak wierszy jest sporo, zaczyna to być niewygodne. A co jeśli jutro zażyczymy sobie inny sposób kolorowania wierszy tej tabeli - w cyklu co trzy, a...
- Kaskadowe Arkusze Stylów / Cascading Style Sheets
...Oznaczania). SGML miał opisywać ogólną strukturę strony: nagłówek oraz ciało dokumentu, w którym mogły znajdować się akapity z tekstem, wykazy, tabele i inne elementy. SGML odpowiada tylko za wstawienie tych elementów, ale nie określa ich wyglądu. Jak łatwo się domyślić, szybko przestało to wystarczać - dlatego wprowadzono HTML. Zawarcie poleceń formatujących w samym HTML spowodowało jednak, że modyfikacja wyglądu elementów strony stała się bardzo żmudna (atrybuty i znaczniki które za to...