kolumn - Kurs HTML i CSS
Formularze HTML / Obszar tekstowy <textarea>...nazwę danego pola (np. skróconą treść pytania). Zostanie ona później wysłana wraz z formularzem. Natomiast "x" oraz "y" oznaczają odpowiednio: ilość kolumn i wierszy tekstu, które mogą się jednocześnie zmieścić w polu, bez jego przewijania. Polecenie to wyświetla na ekranie wieloliniowe pole tekstowe (obszar tekstowy). Pozwala ono na wprowadzenie pewnego dłuższego komentarza przez użytkownika, który wypełnia formularz. Można także podać między znacznikami <textarea> a </textarea> treść...
- Komendy HTML 4.01 / Wykaz elementów
...w linii Odwołanie do źródła CODE wymag/wymag w linii Kod komputerowy COL wymag/zabr Kolumna tabeli COLGROUP wymag/opcj Grupa kolumn tabeli DD wymag/opcj Opis definicji DEL wymag/wymag Usunięty tekst DFN wymag/wymag w linii Definicja DIR wymag/wymag w bloku Lista zawartości katalogu DIV wymag/wymag w bloku Blok DL wymag/wymag w bloku Lista definicyjna DT wymag/opcj Definicja terminu EM wymag/wymag w linii Wyróżnienie...
- Komendy HTML 4.01 / TEXTAREA
...Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami COLS="liczba" Liczba widocznych kolumn DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej DISABLED Blokada kontrolki ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NAME="nazwa...
Tabele CSS / Rozmiary tabeli {width, height}Do tabel (<table>...</table>), ich komórek (<td>...</td>), wierszy (<tr>...</tr>) oraz kolumn (<colgroup>...</colgroup>) można stosować parametry dotyczące szerokości i wysokości. Odnośnie komórek oraz całej tabeli można ustawić zarówno ich szerokość jak i wysokość. Natomiast dla wiersza możliwe jest określenie tylko wysokości, ponieważ szerokość jest jednocześnie szerokością tabeli. Podobnie dla kolumny można ustalić jedynie jej szerokość, bo wysokość jest wysokością tabeli. Przy definiowaniu...
- Drukowanie CSS / Typ strony wydruku {page}
...nasza strona to np. opracowanie naukowe. Składa się ono przeważnie z tekstu, ale zawiera również 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...
- Pozycjonowanie CSS / Wyświetlanie {display}
...<thead>...</thead> table-footer-group - stopka tabeli: <tfoot>...</tfoot> table-row - wiersz tabeli: <tr>...</tr> table-column-group - grupa kolumn tabeli: <colgroup>...</colgroup> table-column - kolumna tabeli: <col> table-cell - komórka tabeli: <td>...</td>, <th>...</th> table-caption - tytuł (podpis) tabeli: <caption>...</caption> compact - analogicznie jak run-in (CSS 2, ale nie CSS 2.1) marker - wyróżnik wykazu (CSS 2, ale nie CSS 2.1) Polecenie to pozwala określić sposób...
- Układ elastyczny CSS / Flexbox
...Bardzo trudno było zrealizować, zdawać by się mogło, tak trywialne sposoby układania elementów, jak wyśrodkowanie w pionie czy ustawienie kilku kolumn obok siebie przy zachowaniu takiej samej ich wysokości. W niektórych sytuacjach cierpiała na tym dostępność serwisu. Syntezatory mowy, stosowane w przeglądarkach używanych przez osoby niewidome, odczytują treść strony w kolejności jej występowanie w kodzie źródłowym HTML, a nie wizualnego ułożenia bloków na ekranie. Dlatego często...
- Układ elastyczny CSS / Kolejność {order}
...1) blok 4 blok 5 Poniżej przykład fragmentu szablonu strony, który spełnia założenia dostępności - treść znajduje się w kodzie źródłowym przed kolumną menu. Mimo tego szerokość automatycznie dopasowuje się do okna przeglądarki. Dodatkowo warto zwrócić uwagę, że wysokość obu kolumn jest identyczna. Uzyskanie takiego efektu w tradycyjny sposób byłoby bardzo trudne i najczęściej wymagało pójścia na pewne kompromisy. <div id="top"> <div id="TRESC">Treść strony...</div> <div...