А ось як вона пишеться в HTML:
ім'я | спорідненість | Рік народження |
---|---|---|
Бен | батько | 1920 |
Софія | матір | тисяча дев'ятсот двадцять чотири |
Давида | сестра | 1951 |
Маріса | сестра | +1954 |
- Таблиця починається з тега
- Якщо необхідно, що б кожна клітинка була виділена бордюром, в відкриваючому тезі
- між тегами
задається назва таблиці. Назва - елемент довільний. Йому можна ввести інформацію про розташування, атрибутом ALIGN з аргументом TOP (вгорі) або BOTTOM (внизу) - Кожен ряд осередків починається з тега
- між тегами
і пишуться назви стовпців- між тегами
і вводяться дані для кожної з осередків- Кожен ряд закінчується тегом
- Таблиця закінчується тегом
складові осередки
А ось як пишеться така таблиця в HTML:
Моя сім'я
Ім'я та спорідненість Рік народження
Бен батьки 1920
Софія тисяча дев'ятсот двадцять чотири
Давида сестри 1951
Маріса +1954
- Після відкриваючого тега
- Після відкриваючого тега
Регулювання ширини таблиці і осередків
Ви можете управляти як загальною шириною всієї таблиці, так і шириною кожної окремої комірки. Якщо ширина таблиці не задана, броузер зображує її у всю ширину вікна, як і звичайний текст. Якщо таблиця вузька, то при цьому не виникає проблем. Але якщо таблиця занадто широка для вікна броузера, вона зображується в неприйнятному вигляді. Це несприятливо позначиться на загальному дизайні і читання.
Загальну ширину таблиці можна задавати двома способами: в пікселах і в процентах від ширини вікна. При завданні в пікселах таблиця завжди матиме одну і ту ж ширину. Якщо ширина задана у відсотках, таблиця завжди буде займати одну і ту ж частину вікна броузера.
Ширину окремих осередків теж можна задавати двома способами: в пікселах і в процентах від загальної ширини таблиці. При завданні в пікселах все осередки завжди матимуть одну і ту ж ширину. Якщо розмір заданий в процентах, то постійними будуть пропорції осередків в рядку.
Простий спосіб управління розміром таблиці полягає в тому, щоб спочатку задати загальну ширину таблиці в пікселах, а потім ширину кожного стовпця в процентах від загальної ширини таблиці. Розміри, задані в пікселах, розміри, задані у відсотках і складові осередки можуть впливати один на одного, і тому, якщо отриманий результат не відповідає очікуваному, переглянете всі ці параметри і спробуйте інші варіанти.
Пам'ятайте! Всі осередки в одному стовпці мають однакову ширину, але у осередків одного ряду ширина може бути різною.
Моя сім'я
Ім'я та спорідненість Рік народження
Бен батьки 1920
Софія тисяча дев'ятсот двадцять чотири
Давида сестри 1951
Маріса +1954
- У тезі
- У тегах
Вирівнювання в таблицях.
За допомогою мови HTML можна управляти вирівнюванням тексту і графіки в осередках таблиць. Якщо вирівнювання не ставити, то назва таблиці і заголовки стовпців центруються, а содержісое інших осередків по горизонталі вирівнюється по лівому краю, а по вертикалі - по середньої лінії осередку. Такий вид хороший для більшості таблиць, але ви можете спробувати поліпшити дизайн і читаність таблиць за допомогою інших прийомів вирівнювання.
Горизонтальне і вертикальне вирівнювання вміст рядів задають за допомогою атрибута ALIGN в тезі TR. Якщо потрібно зробити горизонтальне і вертикальне вирівнювання в окремих осередках, це роблять за допомогою атрибута ALIGN в тегах TH і TD.Код таблиці:
Моя сім'я
Ім'я та спорідненість Рік народження
Бен батьки 1920
Софія тисяча дев'ятсот двадцять чотири
Давида сестри 1951
Маріса +1954
- У тезі
поставте атрибут align =. Агрумент, що визначає тип вирівнювання, поставте після знака =. Виберіть LEFT (по лівому краю); RIGHT (по правому краю); CENTER (по центру). - У тегах
або може застосовувати атрибут valign =. задає вираніваніе по вертикалі. Аргумент, що визначає тип вирівнювання, поставте після знака одно. Виберіть TOP (по верхньому краю); BOTTOM (по нижньому краю); MIDDLE (посередині) .Буква v в назві атрибуту valign відповідає слову "Vertical" - по вертикалі Заборона переходу тексту на новий рядок.
Засобами HTML можна заборонити автоматичний перехід тексту на новий рядок при заповненні комірки. Для цього використовується атрибут NOWRAP всередині тега TD.
При цьому та осередок, в якій вписаний даний атрибут прийме ширину, в залежності від кількості вписаною інформації.оформлення таблиць
Зовнішній вигляд таблиць можна урізноманітнити за допомогою трьох атрибутів: BORDER. CELLSPACING і CELLPADDING. Атрибут BORDER визначає вид зовнішньої рамки навколо таблиці і осередків. Атрибут CELLSPACING визначає товщину ліній сітки між осередками таблиці. Атрибут CELLPADDING визначає величину порожніх полів між вмістом комірки і її межами.
Якщо зовнішня рамка не потрібна, просто не ставте атрибут BORDER в тезі
.
Схожі статті
- У тегах
- У тегах
- Після відкриваючого тега
- Якщо необхідно, що б кожна клітинка була виділена бордюром, в відкриваючому тезі