Головна Головна -> Інше українською -> Інформатика, комп'ютери, програмування -> Таблична структура HTML-документу

Таблична структура HTML-документу

Назва:
Таблична структура HTML-документу
Тип:
Інше
Мова:
Українська
Розмiр:
2,63 KB
Завантажень:
268
Оцінка:
 
поточна оцінка 5.0


Скачати цю роботу безкоштовно
Пролистати роботу: 1  2 
Лабораторна робота
Тема: Таблична структура HTML-документу..
Мета: Навчитись представляти інформацію у HTML-документі у вигляді таблиць.
Теоретичні відомості
Основним структурним елементом таблиці є комірка, яка містить елемент таблиці або заголовок стовпчика даних. Логічно пов’язані комірки групуються у рядок таблиці. Рядки, в свою чергу, складають таблицю.
Для створення таблиці використовують тег <TABLE> і відповідний йому закриваючий тег </TABLE>. Між ними розташовані всі теги, необхідні для створення таблиці.
Комірка, яка містить елемент даних, задається парою тегів <TD> і </TD>.
Теги для побудови таблиці
Тег | Призначення
<CAPTION>…</CAPTION> | Заголовок до таблиці
<TABLE>…</TABLE> | Визначає початок таблиці
<TR>…</TR> | Визначає рядок таблиці
<TD>…</TD> | Визначає елемент даних таблиці
Тег <TABLE> може мати атрибут рамки BORDER=n, який створює рамку шириною n пік селів. За замовчуванням таблиця не окреслена рамкою. У тегу <TABLE> можна використати атрибут BORDERCOLOR для кольору рамки таблиці. Атрибут BORDERCOLOR дорівнює 16-му RGB або англійській назві кольору.
У тегу <TD> можна використати атрибут BGCOLOR, який задає колір фону комірки таблиці.
Оскільки таблиці будуються з рядків, між тегами <TR> і </TR> розташовуються всі елементи, необхідні для створення рядка таблиці.
Для створення заголовків стовпчиків даних використовуються теги <TH> і </TH>, текст в яких автоматично виводиться жирним шрифтом з вирівнюванням по центру.
Атрибут COLSPAN (Column Span) дозволяє здійснити об’єднання стовпчиків. Якщо необхідно створити яку-небудь комірку, ширшу, від верхньої чи нижньої, за допомогою атрибута COLSPAN= її можна розтягнути над будь-якою кількістю звичайних комірок.
Приклад:
<TR>
<TD BGCOLOR=WHITE COLSPAN=2>
Приклад застосування атрибута об’єднання комірок
</TD>
</TR>
Атрибут UNIT= тега <TABLE> визначає одиниці вимірювання, які використовуються при зазначенні розмірів як всієї таблиці, так і окремих стовпчиків. Атрибут UNIT= може приймати такі значення:
UNIT=EN – це значення надається за замовчуванням і визначає одиницю вимірювання, яка дорівнює en-пробілу. En-пробіл – це друкарська одиниця вимірювання, яка дорівнює ширині літери <n>. Реальний розмір пробілу залежить від обраного шрифту;
UNIT=RELATIV – використовується для визначення відносної ширини стовпчиків у процентах від загальної ширини таблиці;
UNIT=PIXELS – це значення використовується, якщо необхідно точно визначити ширину стовпчика на екрані. Наприклад, тег <TABLE UNIT=PIXELS WIDTH=340> сформує таблицю шириною 340 пікселів.
Атрибут CELLPADDING= визначає ширину порожнього простору між вмістом комірки і її межами, тобто задає поля всередині комірки.
Приклад
<TABLE BORDER CELLPADDING=20>
<TR>
<TD>Текст або дані</TD>
</TR>
Приклад
<HTML> <head> <TITLE>мОЯ ПЕРША HTML-СТОРІНКА</TITLE> </HEAD>
<BODY>
<CAPTION>
<h2><P ALIGN=CENTER> НАРОДНІ ЗНАННЯ </P></H2>
</CAPTION>
<TABLE BORDER=1>
<TR>
<TH>Система народних знань</TH>
<TH>Зміст</TH>
</TR>
<TR>
<TD ALIGN=CENTER>
<B><I>Народна астрономія</B></I></TD>
<TD ALIGN=LEFT> Астрономія як наука була відома в Україні ще у XVII ст.. і викладалась у братських школах. Самобутня астрономічна номенклатура українців засвідчує їхню добру обізнаність з основними сузір’ями. </TD>
</TR>
<TR>
<TD ALIGN=CENTER>
<B><I>Народна метеорологія </B></I>
</TD>
<TD ALIGN=LEFT> Одна з найдавніших галузей народних знань, що обіймає систему прикмет, раціональних спостережень і достовірних передбачень про погодні зміни на близький чи віддалений час. Широко побутували прикмети, що дозволяли прогнозувати погодні зміни протягом найближчого часу за особливостями сходу і заходу сонця, його кольору, за виглядом нічного неба, яскравістю зірок тощо.

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



Інше на тему: Таблична структура HTML-документу

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