Головна Головна -> Реферати українською -> Інформатика, комп'ютери, програмування -> ТАБЛИЦІ

ТАБЛИЦІ

Назва:
ТАБЛИЦІ
Тип:
Реферат
Мова:
Українська
Розмiр:
13,17 KB
Завантажень:
111
Оцінка:
 
поточна оцінка 0.0


Скачати цю роботу безкоштовно
Пролистати роботу: 1  2 
Тема: ТАБЛИЦІ

Мета: Навчитись представляти інформацію у HTML-документі у вигляді таблиць.

Теоретичні відомості.

Табличні теги мови HTML дозволяють подавати дані у зручній для сприйняття формі. Основним структурним елементом таблиці є комірка, яка містить елемент даних таблиці або заголовок стовпчика даних. Логічно пов'язані комірки групуються разом у рядок таблиці. Рядки, в свою чергу, складають таблицю.

Теги для побудови таблиці

Тег Призначення

... заголовок до таблиці

... визначає початок таблиці

... визначає рядок таблиці

... визначає елемент даних таблиці

Для створення таблиці використовують тег і відповідний йому закриваючий тег . Між ними розташовані всі теги, необхідні для створення таблиці. Комірка, яка містить елемент даних, задається парою тегів і .

Тег може мати атрибут рамки BORDER=n, який створює рамку шириною n пікселів. За замовчуванням таблиця не окреслена рамкою. У тегу можна використати атрибут BORDERCOLOR для кольору рамки таблиці. Атрибут BORDERCOLOR дорівнює шістнадцятковому RGB або англійській назві кольору.

у тегу можна використати атрибут BGCOLOR, який задає колір фону комірки таблиці.

Оскільки таблиці будуються з рядків, між тегами і (розташовуються всі елементи, необхідні для створення рядка таблиці.

Для створення заголовків стовпчиків даних використовуються теги і , текст в яких автоматично виводиться жирним шрифтом з вирівнюванням по центру.

Атрибут COLSPAN (Column Span) дозволяє здійснювати об'єднання стовпчиків. Якщо необхідно створити яку-небудь комірку, ширшу, від верхньої чи нижньої, за допомогою атрибута COLSPAN= її можна розтягнути над будь-якою кількістю звичайних комірок. ПРИКЛАД:

Приклад застосування атрибута об'єднання комірок

Атрибут UNIT= тега визначає одиниці вимірювання, які використовуються при зазначенні розмірів як всієї таблиці, так і окремих стовпчиків. Атрибут UNIT= може приймати такі значення:

- UNIT=EN - це значення надається за замовчуванням і визначає одиницю вимірювання, яка дорівнює еn-пробілу. En-пробіл - це друкарська одиниця вимірювання, яка дорівнює ширині літери . Реальний розмір пробілу залежить від обраного шрифту. Як правило, еп-пробіл дорівнює половині розміру шрифту;

- UNIT=RELATIVE - використовується для визначення відносної ширини стовпчиків у процентах від загальної

ширини таблиці;

- UNIT=PIXELS - це значення використовується, якщо необхідно точно визначити ширину стовпчика на екрані. Наприклад, тег сформує таблицю шириною 340 пікселів.

Атрибут CELLPADDING= визначає ширину порожнього простору мок вмістом комірки і її межами, тобто задає поля всередині комірки.

Розширені можливості розмітки таблиці

ОБ'ЄДНАННЯ РЯДКІВ ТА СТОВПЧИКІВ Використання атрибуту ROWSPAN для об'єднання рядків

ROWSPAN-n (n - ціле число, за замовчуванням n=1) визначає кількість рядків таблиці, які перекриває комірка.

ПРИКЛАД 1

Тема 1 Тема 2 ТемаЗ

Тема 4

Тема 5

Фрагмент файла у форматі HTML:



Тема 1 Teмa 2

Тема 3



Тема 4Тема 5



Використання атрибуту COLSPAN для об'єднання стовпчиків

COLSPAN=n (n - ціле число, за замовчуванням n=1) визначає кількість стовпчиків таблиці, які перекриває комірка.

ОДНОЧАСНЕ ВИКОРИСТАННЯ ЗАГОЛОВКІВ ДЛЯ СТОВПЧИКІВ ТА ОБ'ЄДНАННЯ СТОВПЧИКІВ ПРИКЛАД

Заголовок 1 Заголовок 2

Один Два Три Чотири



П'ять Шість Сім Вісім

Фрагмент файла у форматі HTML:



Заголовок1

Заголовок2





ОдинДва

Tpи Чотири



П'ять Шість Сім

Вісім





Таблиця з рамкою

Ширина рамки регулюється в тегу за допомогою атрибуту BORDER=n (n - ціле число, дорівнює ширині рамки в пікселях).



A B C

D E F





Розташування інформації в комірках таблиці у декілька рядків

ПРИКЛАД

Січень Лютий Березень

Це перша комірка Друга комірка Інша комірка, третя

Четверта комірка Тепер це п'ята комірка Шоста комірка

Фрагмент файла у форматі HTML:



Січвнь

Лютий

Березень





Це перша комірка

Друга комірка

Інша комірка, третя





Четверта комірка

Teпep цеп'ята комірка

Шоста комірка




Завантажити цю роботу безкоштовно
Пролистати роботу: 1  2 



Реферат на тему: ТАБЛИЦІ

BR.com.ua © 1999-2017 | Реклама на сайті | Умови використання | Зворотній зв'язок