Відмінності між версіями «7 Таблиці»
(Створена сторінка: Створюються таблиці тегом <table> із закриваючим тегом </table>. Вміст таблиці формується поряд...) |
|||
| Рядок 1: | Рядок 1: | ||
| − | Створюються таблиці тегом | + | Створюються таблиці тегом table із закриваючим тегом /table. Вміст таблиці формується порядково, а кожен рядок формується послідовно з елементів таблиці. Рядки таблиці створюються тегом tr, (/tr). Елементи таблиці створюються тегом td(/td). |
Атрибут '''border''' задає ширину рамки таблиці в пікселях. | Атрибут '''border''' задає ширину рамки таблиці в пікселях. | ||
| − | Атрибут '''width''' в тегу | + | Атрибут '''width''' в тегу table задає ширину таблиці, величина може задаватися або в пікселях, або у відсотках від ширини вікна браузеру. |
| − | Атрибут '''height''' в тегу | + | Атрибут '''height''' в тегу table задає висоту таблиці, величина може задаватися або в пікселях, або у відсотках від висоти вікна браузеру. |
Атрибут '''align''' вирівнює таблицю по лівому краю, по центру і по правому краю вікна браузеру наступними значеннями, відповідно: left, center і right. | Атрибут '''align''' вирівнює таблицю по лівому краю, по центру і по правому краю вікна браузеру наступними значеннями, відповідно: left, center і right. | ||
| Рядок 21: | Рядок 21: | ||
'''rowspan''' - використовується для об'єднання сусідніх клітинок що знаходяться в одному стовпці таблиці. | '''rowspan''' - використовується для об'єднання сусідніх клітинок що знаходяться в одному стовпці таблиці. | ||
| − | Атрибут '''width''' в тегу | + | Атрибут '''width''' в тегу td задає ширину поточного ячейки або в пікселях, або у відсотках від загальної ширини таблиці. |
| − | У тегах | + | У тегах tr, і td, також можна використовувати атрибут align, але на відміну від тега table, дія атрибуту в цьому тегу поширюватиметься на вміст клітинок рядка або однієї клітинки - вона управлятиме вирівнюванням вмісту. Атрибут align в цьому випадку може набувати наступних значень: |
'''left''' - вирівнює вміст по лівому краю елементу таблиці (використовується за умовчанням); | '''left''' - вирівнює вміст по лівому краю елементу таблиці (використовується за умовчанням); | ||
| Рядок 33: | Рядок 33: | ||
'''justify''' - вирівнює вміст абзацу по обох краях елементу таблиці (підтримується не всіма браузерами). | '''justify''' - вирівнює вміст абзацу по обох краях елементу таблиці (підтримується не всіма браузерами). | ||
| − | У тегах | + | У тегах tr і td також можна використовувати чудовий атрибут valign, який управляє вертикальним вирівнюванням вмістом рядків і елементів таблиці. Атрибут valign може набувати наступних значень: |
'''top''' - вирівнює вміст по верхньому краю ячейки таблиці; | '''top''' - вирівнює вміст по верхньому краю ячейки таблиці; | ||
Версія за 02:11, 20 грудня 2011
Створюються таблиці тегом table із закриваючим тегом /table. Вміст таблиці формується порядково, а кожен рядок формується послідовно з елементів таблиці. Рядки таблиці створюються тегом tr, (/tr). Елементи таблиці створюються тегом td(/td).
Атрибут border задає ширину рамки таблиці в пікселях.
Атрибут width в тегу table задає ширину таблиці, величина може задаватися або в пікселях, або у відсотках від ширини вікна браузеру.
Атрибут height в тегу table задає висоту таблиці, величина може задаватися або в пікселях, або у відсотках від висоти вікна браузеру.
Атрибут align вирівнює таблицю по лівому краю, по центру і по правому краю вікна браузеру наступними значеннями, відповідно: left, center і right.
Атрибут cellpadding визначає, на яку відстань вміст клітинки відступатиме від кордону клітинки. Зазвичай цей атрибут встановлюють рівним нулю, а відступи роблять за допомогою засобів CSS.
Атрибут cellspacing задає відстань між кордонами елементів таблиці. Досить часто цей атрибут встановлюють рівним нулю.
Атрибут bordercolor визначає колір рамки таблиці.
Атрибут bgcolor задає колір фону таблиці.
colspan - використовується для об'єднання сусідніх клітинки що знаходяться в одному рядку таблиці.
rowspan - використовується для об'єднання сусідніх клітинок що знаходяться в одному стовпці таблиці.
Атрибут width в тегу td задає ширину поточного ячейки або в пікселях, або у відсотках від загальної ширини таблиці.
У тегах tr, і td, також можна використовувати атрибут align, але на відміну від тега table, дія атрибуту в цьому тегу поширюватиметься на вміст клітинок рядка або однієї клітинки - вона управлятиме вирівнюванням вмісту. Атрибут align в цьому випадку може набувати наступних значень:
left - вирівнює вміст по лівому краю елементу таблиці (використовується за умовчанням);
center - вирівнює вміст по центру елементу таблиці;
right - вирівнює вміст по правому краю елементу таблиці;
justify - вирівнює вміст абзацу по обох краях елементу таблиці (підтримується не всіма браузерами).
У тегах tr і td також можна використовувати чудовий атрибут valign, який управляє вертикальним вирівнюванням вмістом рядків і елементів таблиці. Атрибут valign може набувати наступних значень:
top - вирівнює вміст по верхньому краю ячейки таблиці;
middle - вирівнює вміст посередині ячейки таблиці;
bottom - вирівнює вміст по нижньому краю ячейки таблиці.
