Таблиці
Таблиці зручні для представлення великих обсягів даних, а деякі Wеb-дизайнери використовують їх також для точного розміщення елементів Web-сторінок (мал.6). Таблиця в мові НТМL задається за допомогою парного тега <ТАВLЕ>. Вона може містити заголовок таблиці, обумовлений парним тегом <САРТІОN>, і рядка таблиці, що задаються за допомогою парних тегів <ТR>. Закриваючі тегі </ТR> можна опускати.
Кожен рядок таблиці містить комірки таблиці, що можуть відноситися до двох різних типів. Комірку в заголовках стовпців і рядків задають парним тегом <ТН>, а звичайні комірки — парним тегом <ТD>. Закриваючі теги </ТН> і </ТD> можна опускати. Наприклад, «порожня» таблиця з двома рядками і двома стовпцями може бути задана в такий спосіб:
<ТАВLЕ>
<САРТІОN>Порожня таблиця</САРТІОN>
<ТR> <TD> </TD>
<TR> <TD> </TD>
</ТАВLЕ>
Кожна комірка може містити довільний текст, а також будь-які теги НТМL, припустимі в «тілі» документа. Зокрема, комірка таблиці може містити вкладену таблицю або зображення.
При відображенні таблиці на екрані комп'ютера відбувається її автоматичне форматування з підбором розмірів комірок відповідно до обсягу розташовуваної інформації і заданих атрибутів. Атрибути елементів дозволяють як завгодно вигадливо оформити таблицю на свій смак. У таблиці 1 приведене коротке зведення припустимих атрибутів.
Таблиця 1. Атрибути елементів, використовуваних при створенні таблиці
| ||
Атрибут | Елемент | Призначення |
ALIGN= | Таблиця, заголовок, рядок, комірка | Вирівнювання таблиці по горизонталі; вирівнювання даних по горизонталі; розміщення заголовка над або під таблицею |
VALIGN= | Рядок, комірка | Вирівнювання по вертикалі |
WIDTH= | Таблиця, комірка | Ширина |
HEIGNT= | Комірка | Висота |
COLSPAN= | Комірка | Довжина в кілька стовпців |
ROWSPAN-В\Л/5РАМ= | Комірка | Довжина в кілька рядків |
BGCOLOR= | Таблиця, комірка | Колір фону |
CELLSPACING-ЗРАС^З= | Таблиця | Зазор між комірками |
CELLPADDING= | Таблиця | Зазор між вмістом комірки і її границею |
BORDER= | Таблиця | Відображення границь комірок і зовнішньої рамки таблиці |
- Методичні вказівки
- Застосування мови нтмl. Структура документа нтмl.
- Елементи нтмl
- Функціональні блокові елементи
- Гіпертекстові посилання
- WеЬ-графіка
- Вивчення прийомів форматування абзаців
- Створення гіперпосилань
- Створення зображення і використання його на Web-сторінці
- Лабораторна робота № 2 Прийоми форматування тексту, прийоми створення списків, створення таблиць, створення опису фреймів.
- Стислі теоретичні відомості Форматування тексту
- Таблиці
- Відображення декількох документів
- Робота в редакторі Frontpage Express
- Створення і редагування документа
- Порядок виконання лабораторної роботи Прийоми форматування тексту
- Прийоми створення списків
- Створення таблиць
- Створення опису фреймів
- Лабораторна робота № 3 Дослідження методів створення абзацного відступу в документах
- Застосування майстрів і шаблонів
- Публікація Web-документів
- Порядок виконання лабораторної роботи
- Лабораторна робота № 4 Візуальний редактор html Macromedia Dreamweaver mx Основні теоретичні відомості
- Створення нового сайта в Dreamweaver. Палітра Site
- Форматування тексту в Macromedia Dreamweaver mx
- Робота з графічною інформацією в Dreamweaver mx
- Робота з таблицями засобами Macromedia Dreamweaver
- Зауваження:
- Література