Призначений для створення однієї комірки таблиці. Тег TD повинен розміщуватися всередині контейнера TR. який в свою чергу розташовується всередині тега TABLE.
закриває тег
Не обов'язковий.
параметри
align - визначає вирівнювання вмісту комірки по горизонталі.
background - задає фоновий малюнок в осередку.
bgcolor - колір фону комірки.
bordercolor - колір рамки.
colspan - об'єднує горизонтальні осередки.
height - висота комірки.
nowrap - забороняє перенесення рядків.
rowspan - об'єднує вертикальні осередки.
valign - вирівнювання вмісту комірки по вертикалі.
width - ширина комірки.
Приклад 1. Використання тега TD
| . | |
| . | . |
Опис параметрів тега TD
параметр ALIGN
опис
Задає вирівнювання вмісту комірки по горизонталі.
синтаксис
аргументи
left - вирівнювання по лівому краю.
center - вирівнювання по центру.
right - вирівнювання по правому краю.
Значення за замовчуванням
left
Приклад 2. Вирівнювання вмісту осередку
| . | . |
параметр BACKGROUND
опис
Визначає зображення, яке буде використовуватися в якості фонового малюнка комірки таблиці. На відміну від звичайних зображень, для фону не встановлюються ширина і висота, і він завжди відображається в натуральну величину з масштабом 100%. Якщо малюнок за розміром менше ширини або висоти комірки, то картинка повторюється по горизонталі вправо і вниз, шикуючись, як мозаїка. З цієї причини на місці стику фонових картинок можуть виникнути видимі перепади, помітні для відвідувачів сайту. При виборі шпалер переконайтеся, що забезпечений достатній контраст між ним і вмістом осередки. В якості фону допускається використовувати анімовані зображення у форматі GIF, але вони відволікають увагу читачів.
синтаксис
Значення за замовчуванням
Ні.
аналог CSS
background-image
Приклад 3. Шпалери для осередку
| . |
параметр BGCOLOR
опис
Встановлює колір фону комірки.
синтаксис
аргументи
Значення кольору можна задавати двома способами.
1. За його назвою
Браузери підтримують деякі кольори по їх назві.
2. За шістнадцятиричним значенням
Для завдання квітів використовуються числа в шістнадцятковому коді. Шістнадцяткова система, на відміну від десяткової системи, базується, як випливає з її назви, на числі 16. Цифри будуть наступні: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C , D, E, F. Цифри від 10 до 15 замінені латинськими буквами. Числа більше 15 в шістнадцятковій системі утворюються об'єднанням двох чисел в одне. Наприклад, числу 255 в десятковій системі відповідає число FF в шістнадцятковій системі. Щоб не виникало плутанини у визначенні системи числення, перед шістнадцятковим числом ставлять символ грат #, наприклад # 666999. Кожен з трьох кольорів - червоний, зелений і синій - може набувати значень від 00 до FF. Таким чином, позначення кольору розбивається на три складові #rrggbb, де перші два символи відзначають червону компоненту кольору, два середніх - зелену, а два останніх - синю.
Значення за замовчуванням
Залежить від браузера і його версії, зазвичай використовується білий колір фону.
аналог CSS
background-color
Приклад 3. Колір фону комірки
| . |
| . |
параметр BORDERCOLOR
опис
Встановлює колір рамки навколо осередку. Рамка показується, якщо вибрано border з ненульовим значенням у тега TABLE.
синтаксис
аргументи
Див. Параметр BGCOLOR.
Значення за замовчуванням
Залежить від браузера і операційної системи.
Приклад 4. Колір кордону навколо осередку
| . | . |
параметр COLSPAN
опис
Встановлює число осередків, які повинні бути об'єднані по горизонталі. Цей параметр має сенс для таблиць, що складаються з декількох рядків. Наприклад, як для таблиці, показаної на рис. 1.
Мал. 1. Приклад таблиці, де використовується горизонтальне об'єднання осередків
У наведеній на рис.1 таблиці містяться два рядки і дві колонки, причому верхні горизонтальні осередку об'єднані за допомогою параметра colspan.
синтаксис
аргументи
Будь-яке ціле позитивне число більше 2.
Значення за замовчуванням
1
Приклад 5. Об'єднання осередків по горизонталі
| осередок 1 | |
| осередок 2 | осередок 3 |
параметр HEIGHT
опис
Браузер сам встановлює висоту таблиці і її осередків виходячи з їх вмісту. Однак при використанні параметра height висота осередків буде змінена. Тут можливі два варіанти. Якщо значення height менше, ніж вміст комірки, то цей параметр буде проігноровано. У разі, коли встановлена висота осередку, що перевищує її вміст, додається порожній простір по вертикалі.
синтаксис
аргументи
Будь-яке ціле значення в пікселах або відсотках загального обсягу простору.
Значення за замовчуванням
Висота обчислюється на основі вмісту осередку.
Приклад 6. Висота комірки
| . |
параметр NOWRAP
опис
Додавання параметра nowrap до тегу TD змушує текст всередині осередку відображатися без переносів, однією суцільною рядком. Неправильне використання цього атрибута може привести до того, що таблиця буде занадто широкою і не поміститься цілком на веб-сторінку. Як наслідок, з'явиться горизонтальна смуга прокрутки. У будь-якому випадку, користуватися подібною таблицею буде незручно, через що застосування параметра nowrap засуджується в специфікації HTML 4.
Значення за замовчуванням
За замовчуванням nowrap не встановлено.
Приклад 7. Заборона переносів в осередку
параметр ROWSPAN
опис
Встановлює число осередків, які повинні бути об'єднані по вертикалі. Цей параметр має сенс для таблиць, що складаються з декількох рядків. Наприклад, як для таблиці, показаної на рис. 2.
Мал. 2. Приклад таблиці, де використовується вертикальне об'єднання осередків
У наведеній на рис.2 таблиці містяться два рядки і дві колонки, причому ліві вертикальні осередки об'єднані за допомогою параметра rowspan.
синтаксис
аргументи
Будь-яке ціле позитивне число більше 2.
Значення за замовчуванням
1
Приклад 8. Об'єднання осередків по вертикалі
| осередок 1 | осередок 2 |
| осередок 3 |
параметр VALIGN
опис
Встановлює вертикальне вирівнювання вмісту комірки. За замовчуванням контент осередку розташовується по її вертикалі в центрі.
синтаксис
аргументи
top - вирівнювання по верхньому краю рядка.
middle - вирівнювання по середині.
bottom - вирівнювання по нижньому краю.
baseline - вирівнювання по базовій лінії, при цьому відбувається прив'язка вмісту комірки до однієї лінії.
Значення за замовчуванням
middle
аналог CSS
vertical-align
Приклад 9. Вирівнювання вмісту комірок
| . | . |
параметр WIDTH
опис
Задає ширину осередку. Якщо загальна ширина вмісту перевищує зазначену ширину осередку, то браузер буде намагатися «втиснутися» в задані розміри за рахунок форматування тексту. У разі, коли це неможливо, наприклад, в осередку знаходяться зображення, параметр width буде проігнорований, і нова ширина осередку буде обчислено на основі її вмісту.
синтаксис
аргументи
Будь-яке ціле значення в пікселах або відсотках загального обсягу простору.
Значення за замовчуванням
Ширина обчислюється на основі вмісту осередку.
Приклад 10. Ширина осередків
| . | . |
Матеріал взято з сайту htmlbook.ru