Instrukcje HyperText Markup Language (HTML) tworzące tabele umieszczane na stronach internetowych zapewniają dość dużą liczbę dodatkowych parametrów. Pozwala to, w przeciwieństwie do innych elementów blokowych, ustawiać rozmiary nie tylko za pomocą języka CSS (Kaskadowe arkusze stylów lub „Kaskadowe arkusze stylów”), ale także za pomocą samego HTML.
Instrukcje
Krok 1
Użyj atrybutu szerokości znacznika tabeli, aby określić szerokość tabeli w pikselach. Tabela tagów (instrukcji HTML) składa się z otwierającego (
) części, pomiędzy którymi znajdują się znaczniki tworzące wiersze i komórki tabeli. W tagu otwierającym można umieścić dodatkowe parametry (atrybuty), których listę dla każdego konkretnego tagu określają międzynarodowe standardy. W przypadku znacznika table standardy te pozwalają na użycie atrybutu width, który określa szerokość tabeli w pikselach. Kod HTML prostej tabeli z takim tagiem definiującym szerokość 500 pikseli może wyglądać tak:
| 1. komórka | 2. komórka |
Krok 2
Dodaj znak% do wartości atrybutu szerokości, jeśli chcesz określić szerokość tabeli jako procent, a nie w pikselach:
| 1. komórka | 2. komórka |
Pamiętaj, że te wartości procentowe niekoniecznie będą oparte na szerokości okna przeglądarki. Struktura dokumentu ma tutaj znaczenie - tak jak zagnieżdżona lalka zagnieżdżająca nie może być szersza niż ta, w której jest zagnieżdżona, tak 100% szerokości tabeli nie może być większe niż szerokość elementu rodzica. Na przykład, jeśli tabela znajduje się w bloku div, szerokość tego bloku zostanie przyjęta jako 100%.
Krok 3
Użyj instrukcji języka opisu stylu, jeśli chcesz ustawić tę samą szerokość dla tabel na stronie internetowej w jednym miejscu w kodzie źródłowym. Aby to zrobić, najpierw umieść w nagłówku kodu HTML (pomiędzy a) tagi otwierające i zamykające, które ograniczają instrukcje języka CSS:
/ * Instrukcje CSS będą tutaj * /
Następnie umieść następujący kod CSS między tymi tagami: table {width: 100px;} Tutaj tabela wskazuje, że opis umieszczony w nawiasach klamrowych powinien być zastosowany do wszystkich tagów tabeli, które pojawiają się w kodzie strony. Cóż, parametr szerokości określa szerokość. Tutaj również możesz użyć względnej szerokości jako wartości procentowej.
Krok 4
Określ nazwę klasy w kodzie CSS i znaczniku tabeli HTML, jeśli chcesz określić szerokość nie dla wszystkich tabel, ale tylko dla jednej lub kilku tabel. Załóżmy na przykład, że klasa, która oznacza grupę wąskich tabel, jest mała. Wtedy opis jego stylu może wyglądać tak: table.tiny {width: 100px;} A odpowiedni tag jednej z tabel w kodzie HTML wygląda tak:
| 1. komórka | 2. komórka |
