Як робити таблиці
| Правила сайту |
| Реєстрація |
| Сторінка учасника |
| Особисті дані |
| Авторські права |
| Першоджерела |
| Захист сторінок |
| Завантаження файлів |
| Довідник з редагування статей |
| Створення статті |
| Найменування статті |
| Вікіфікація |
| Вікі-розмітка |
| Зображення |
| Таблиці |
| Кольори HTML |
| бібліографічний список |
Таблиці є зручною формою для відображення інформації. Але таблиці виконують лише тоді роль, коли між рядками і стовпцями є смислова зв'язок, тобто інформацію у яких можна розсортувати якимось чином, наприклад, за датою чи алфавіту.
З іншого боку, таблиці складніші за звичайний текст. Так що застосовувати їх має сенс лише там, де вони справді покращують сприйняття матеріалу, тому заздалегідь обмірковуйте: чи не краще використовувати звичайний список.
Найпростіша таблиця
| Вихідний код таблиці з одним рядком: | Це буде виглядати так: |
| Осередок 1 | Осередок 2 | Осередок 3 |
Для введення наступного рядка після вертикальної риси ставиться штрих «-». Таким чином, можна вводити будь-яку кількість рядків.
| Вихідний код таблиці у два рядки: | Це буде виглядати так: |
| Осередок 1*1 | Осередок 2*1 | Осередок 3*1 |
| Осередок 1*2 | Осередок 2*2 | Осередок 3*2 |
| Таблиця у три рядкипишеться так: | Це буде виглядати так: |
| Осередок 1*1 | Осередок 2*1 | Осередок 3*1 |
| Осередок 1*2 | Осередок 2*2 | Осередок 3*2 |
| Осередок 1*3 | Осередок 2*3 | Осередок 3*3 |
Табличні рамки
Вид рамки описується у першому рядку, відразу після. Не забудьте, що між ними та атрибутом має бути пробіл.
Товщина лінійрамки задається атрибутом border=n , де "n" - товщина лінії:
| Вихідний код: | Це буде виглядати так: |
| Осередок 1*1 | Осередок 2*1 | Осередок 3*1 |
| Осередок 1*2 | Осередок 2*2 | Осередок 3*2 |
| Осередок 1*3 | Осередок 2*3 | Осередок 3*3 |
Щоб вміст осередку виділявся жирним шрифтом і центрувався, замість вертикальних рисок ставляться знаки оклику. Зазвичай це застосовується виділення заголовків.
| Для останньої таблиці можна написати так: | Це буде виглядати так: |
| Осередок 2*1 | Осередок 3*1 |
| Осередок 2*2 | Осередок 3*2 |
| Осередок 2*3 | Осередок 3*3 |
Запис в один рядок
Щоб зробити записувану в таблицю інформацію більш читабельною, можна писати ряди в один рядок (якщо записи в них не дуже довгі), відокремлюючи їх додатковою вертикальною межею.
| Вихідний код: | Це буде виглядати так: |
| Осередок 1*1 | Осередок 2*1 | Осередок 3*1 |
| Осередок 1*2 | Осередок 2*2 | Осередок 3*2 |
| Осередок 1*3 | Осередок 2*3 | Осередок 3*3 |
Об'єднання осередків
| Вертикальне об'єднання двох осередків пишеться так: | Виглядатиме це так: |
| Осередок 1 | Осередок 2, об'єднує два ряди таблиці | Осередок 3 |
| Осередок 4 | Осередок 5 |
Для об'єднання горизонталлю використовується атрибутcolspan=n.
Виглядає це так:
| Осередок 1 | Осередок 2, об'єднує два стовпці | |
| Осередок 3 | Осередок 4 | Осередок 5 |
«Розмальовка» таблиць
- Див."Використання кольору у вікі-розмітці"-Таблицю «Коліри HTLM»
Текст, що знаходиться в таблиці, можна зробити кольоровим. З цією метою застосовуються ті ж теги, що і в HTML:
- для окремого слова - Teкст;
- для довгого тексту
де "ABCDEF" - індекс кольору (див. Таблицю "Кольори HTLM".
У Letopisi.ru це буде виглядати так:
| Осередок 1*1 | Тут кольорове лише одне слово. | Осередок 3*1 |
| Осередок 1*2 | Осередок 2*2 |
Зробитикольорову коміркуможна за допомогою атрибуту bgcolor=#ABCDEF, де ABCDEF позначає, як ви вже, напевно, здогадалися, індекс кольору в таблиці кольорів.
У Letopisi.Ru це буде виглядати так:
| Осередок 1*1 | Осередок 2*1 | Осередок 3*1 |
| Осередок 1*2 | Осередок 2*2 | Осередок 3*2 |
| Осередок 1*3 | Комірка2*3 | Осередок 3*3 |
Назва таблиці
Щоб назва таблиці було відцентровано її шириною, потрібно після вертикальної рисочки поставити знак «+». Саму назву можна форматувати звичайними wiki-атрибутами.
Виглядатиме це так:
| Осередок 1 | Осередок 2 |
| Осередок 3 | Осередок 4 |
З можливістю сортування даних
| Іван Іванович Іванов | 1 | 2 |
| Петров Іванович Іванов | 2 | 1 |
Ширина таблиці та стовпців
Якщо, наприклад, поспіль йдуть кілька окремих таблиць, то бажано, щоб ширина їх була однаковою незалежно від змісту. Для фіксації ширини таблиці застосовується атрибутwidth.
Виглядатиме це так:
| Осередок 1 * 1 - long - long-long-long-long | Осередок 1*2 |
| Осередок 1*3 | Осередок 1*4 |
| Осередок 2*1 | Осередок 2*2 |
| Осередок 2*3 | Осередок 2*4 |
За допомогою цього ж атрибута можна регулювати ширину окремих шпальт:
| Осередок 1 * 1 - long - long-long-long-long | Осередок 1 * 2 - long - long-long-long-long | Осередок 1 * 3 - long - long-long-long-long |
| Осередок 1*4 | Осередок 1*5 | Осередок 1*6 |
Таблиці у машинописному стилі без форматування
Існує простий і швидкий спосіб створити таблицю - це написати в машинописному стилі. Стовпці та загальний вигляд форматуються візуально.
| осередок1 | осередок2 | осередок1 | осередок2 | ||||
| осередок1 | осередок2 | осередок3 | осередок1 | осередок2 | осередок3 | ||
| 1 | 2 |
| 3 | 4 |
Може бути відформатований для найбільшої зручності читання
Може бути відформатований для найбільшої зручності читання
Займає менше місця, ніж XHTML-код
Займає мало місця
Займає багато місця
Незвичний, особливо для людей, мало знайомих з HTML
Найчастіше дивно виглядає
Можливо, не підтримуватиметься браузерами
Не можна робити відступи
Текст у вигляді HTML-тегів може бути простіше для читання для деяких людей, ніж набори вертикальних рис, плюсів, знаків оклику і так далі