tabele - Kurs HTML i CSS
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...Lekcja 1 - Struktura dokumentu HTML, podstawowe znaczniki Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty...
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...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeż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...
- 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ę...
- 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...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...tabeli nie zależy od zawartości komórek, ale od szerokość tabeli, kolumn oraz odstępów między komórkami i obramowania. Dlatego też takie tabele są renderowane szybciej. Szerokość tabeli w tym algorytmie powinna być określona odgórnie. Jeżeli nie zostanie to zrobione albo przypiszemy wartość "auto", oznacza to, że tabela zostanie wyrenderowana przy użyciu table-layout: auto. Jednakże w takim przypadku przeglądarka może (choć nie musi) spróbować określić tą szerokość za pomocą...
- 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...