kolumny - Kurs HTML i CSS
Komendy HTML 4.01 / Wykaz atrybutów...odwiedzonych odsyłaczy vspace APPLET, IMG, OBJECT Pionowy odstęp width APPLET (wymagany) Początkowa szerokość width COL Szerokość kolumny width COLGROUP Domyślna szerokość dla zawartych kolumn COL width HR Szerokość poziomej linii width IFRAME Szerokość ramki width IMG, OBJECT Szerokość width PRE Szerokość width TABLE Szerokość tabeli width TD, TH Szerokość komórki Źródło: HTML 4.01 Specification
- Podcast HTML / #8 Formularze HTML
...wpisać dłuższy komentarz lub wiadomość. Wprowadzenie pola: <textarea name="nazwa" cols="x" rows="y">Domyślny tekst</textarea>. Atrybuty cols (kolumny) i rows (wiersze) określają widoczną szerokość i wysokość. Tekst domyślny umieszcza się między znacznikami otwierającym i zamykającym <textarea>...</textarea>. Może być ustawione jako tylko do odczytu (readonly) lub zablokowane (disabled). Selektor plików Umożliwia użytkownikowi wybranie pliku ze swojego dysku lokalnego. Wprowadza...
Szablon strony na DIV-ach / Semantyczny szablon strony...ich nadużywanie. W tabelach powinny być prezentowane dane tabelaryczne, które obejmują powtarzający się zbiór elementów (wiersze) tych samych typów (kolumny). Zwykle daje się łatwo rozpoznać, czy w określonym przypadku powinno się użyć tabeli: W prezentowanych danych można wyróżnić poziomy lub/i pionowy nagłówek - może go nawet nie być, ważne żeby dało się go logicznie wyznaczyć choćby wirtualnie. Prezentujemy przynajmniej dwa egzemplarze krótkich danych o podobnym charakterze - będą to...
- Oprawa graficzna / Zamiennik obrazkowy
...idące zmiany wyglądu witryny. Nie jest żadnym kłopotem zmiana ułożenia menu nawigacyjnego z orientacji pionowej do poziomej ani przeniesienie całej kolumny nawigacyjnej z lewej na prawą stronę. Jest jednak jeden ważny element, na zawartość którego nie można wpływać za pomocą CSS - obrazki. Można co prawda zmieniać rozmiary grafiki, dodawać obramowanie, ustalać pozycję i marginesy, ale nie da się wyświetlić innego zdjęcia bez modyfikacji kodu HTML. Jednak czy to stanowi jakiś problem? W...
Tabele HTML / Ćwiczenia...Umieść na stronie tabelę. Jeżeli tworzysz stronę o sobie, może to być np. lista Twoich ulubionych filmów. W tabeli możesz umieścić następujące kolumny: Gatunek Tytuł filmu Rok produkcji Ocena (w skali od 1 do 10) Odpowiednio oznacz komórki nagłówkowe tabeli za pomocą znaczników TH. Oddziel nagłówek tabeli od jej właściwej zawartości za pomocą znaczników THEAD i TBODY. Postaraj się, aby przynajmniej jeden gatunek zawierał kilka różnych filmów. Umieść je w wierszach bezpośrednio...
- Komendy HTML 4.01 / TD
...(TH) dostarcza informacji nagłówkowej (może być używane w zamian HEADERS): col - aktualna komórka dostarcza informacji nagłówkowej dla reszty kolumny, która ją zawiera colgroup - dla grupy kolumn (COLGROUP, COL) row - dla wiersza, który ją zawiera (TR) rowgroup - dla grupy wierszy (THEAD, TBODY, TFOOT) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy VALIGN="pozycja" Pionowa pozycja danych w komórkach tabeli: baseline - pierwsza linia tekstu jest ułożona na...
- Komendy HTML 4.01 / TH
...(TH) dostarcza informacji nagłówkowej (może być używane w zamian HEADERS): col - aktualna komórka dostarcza informacji nagłówkowej dla reszty kolumny, która ją zawiera colgroup - dla grupy kolumn (COLGROUP, COL) row - dla wiersza, który ją zawiera (TR) rowgroup - dla grupy wierszy (THEAD, TBODY, TFOOT) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy VALIGN="pozycja" Pionowa pozycja danych w komórkach tabeli: baseline - pierwsza linia tekstu jest ułożona na...
- Podcast HTML / #5 Tabele HTML
...taka sama liczba komórek. Znacznik <td>...</td>: tworzy pojedynczą komórkę (rubrykę) w tabeli, czyli prostokątną przestrzeń na przecięciu wiersza i kolumny, w której można umieścić tekst lub inne elementy. Należy pamiętać, że komórki tabeli <td> muszą znajdować się wewnątrz znaczników wierszy <tr>. Domyślnie tabele nie mają obramowania, co może sprawić, że są mało czytelne. Obramowanie można dodać za pomocą atrybutu <table border="1">. Wąską tabelę można wyśrodkować, używając atrybutu...
- Pozycjonowanie CSS / Widzialność {visibility}
...grup wierszy (<tbody>...</tbody>), kolumn (<col>) lub grup kolumn (<colgroup>...</colgroup>) tabeli, ukrywa całą zawartość wiersza (wierszy) bądź kolumny (kolumn), bez konieczności obliczania na nowo rozplanowania tabeli. Dla innych elementów działa tak samo jak wartość hidden. Polecenie to steruje wyświetlaniem elementu na ekranie. Pozwala ukryć dowolny element, a w jego miejsce wprowadzić pustą przestrzeń o takich samych rozmiarach, jakie miałby element, gdyby tylko był widoczny...
- Kursory CSS / Kształt kursora {cursor}
...south-east): (CSS 3) - interpretuje MSIE 9, Firefox 2, Opera, Chrome Przykład Wskaż ten tekst myszką col-resize - pozioma zmiana szerokości kolumny: (CSS 3) - interpretuje MSIE 6, Firefox 2, Opera, Chrome Przykład Wskaż ten tekst myszką row-resize - pionowa zmiana wysokości wiersza: (CSS 3) - interpretuje MSIE 6, Firefox 2, Opera, Chrome Przykład Wskaż ten tekst myszką all-scroll - przewijanie w dowolnym kierunku: (CSS 3) - interpretuje MSIE 6, Firefox 2, Opera, Chrome...