Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Основні теоретичні відомості
Таблиці в web-документах є інструментом структурування документа. У них можуть розміщатися текстові й числові значення, зображення, блоки й гіперпосилання. Таблиці використовуються для вибірок з баз даних. За допомогою кодів сценаріїв дані в таблицях можуть оброблятися. Найчастіше таблиці використовуються для компонування web- сторінок на основі заданої табличної структури Загальна структура таблиці Таблиці HTML як і списки будуються за принципом вкладення елементів, тобто задається батьківський елемент TABLE, що визначає таблицю в цілому, і в нього вкладаються дочірні елементи. <TABLE> <! - тут розміщається опис таблиці -> </TABLE> Склад таблиці по рядках і комірках задається за допомогою наступних елементів: · TR - елемент, що формує окремий рядок; · TD - елемент, що визначає вміст осередку даних; · ТН - елемент, що задає осередок заголовка; · CAPTION - елемент назви таблиці. В HTML прийнята порядкова модель опису таблиці, у якій послідовно задаються рядки, починаючи із самою верхньої й закінчуючи останнім нижнім рядком. Із зовнішньої сторони таблиця обмежена зовнішньою рамкою. Осередки відділяються друг від друга внутрішніми рамками. Як зовнішні, так і внутрішні рамки можуть бути видні або не видні у вікні браузера - це залежить від заданих властивостей таблиці. В HTML передбачені засоби для виділення в таблиці окремих груп рядків і стовпців. Рядка (елемент TR) Кожний рядок таблиці починається тегом <TR>, а закінчується відповідним закриваючим тегом </TR>. Закриваючий тег </TR> не обов'язковий, але його рекомендується ставити для позначення границі кожного рядка. Усередині кожного елемента TR розміщається опис комірок-заголовків або комірок даних. Комірки (елемент TD) Для опису вмісту окремих комірок таблиці призначений парний тег <TD>. Текстовий вміст комірок даних за замовчуванням відображається шрифтом, заданим у початкових настройках браузера. Заголовки (елемент ТН) Для виділення тексту в окремих комірках таблиці часто користуються спеціальним тегом <ТН>, що називається елементом заголовка таблиці. Заголовки можна вставляти в будь-якому місці таблиці. Вміст заголовка автоматично розміщається по центрі комірки, і відображається напівжирним шрифтом. Контейнер заголовка має вигляд:
<ТН> Вміст комірки </ТН> Для відображення таблиці з порожніми комірками, в якості елементів, що не відображаються записують примітив & nbsp. Назва (елемент CAPTION) Назву таблиці можна задати за допомогою заголовків TH. Прийнято використовувати спеціальний елемент CAPTION, що надає розробнику стандартний спосіб введення в документ назви таблиці. Цей елемент записується за допомогою парного тегу <CAPTION>---</CAPTION>, розташовуваного безпосередньо після елемента TABLE (але обов'язково до елементів TR, TD або ТН). Приклад: <body> <table class="table" border="5"> <caption>Успішність групи </caption> <th> № </th> <th> Фамилия </th> <th>Середній бал </th> <tr> <td>1</td> <td> Іванов </td> <td> 5,5</td> </tr> <tr> <td>2</td> <td> Сидорів </td> <td>6,7</td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </body> За замовчуванням назва таблиці розташовується над таблицею по центру й відображається тим же шрифтом, що й уміст комірок даних. Для зміни формату назви тег <CAPTION> доповнюється наступними атрибутами: · align - визначає вирівнювання назви щодо границі таблиці. Цей атрибут може приймати кожен з наступних чотирьох значень: left (вирівнювання по лівій границі, назва розташовується над таблицею), right (вирівнювання по правій границі), top (назва розташовується над таблицею по центрі) і bottom (назва під таблицею по центру); · valign - застосовується для вирівнювання назви при розміщенні її над або під таблицею (атрибут align не виконує вирівнювання назви вправо або вліво при значеннях top і bottom). Для вирівнювання потрібно застосувати обидва атрибути valign і align: атрибут valign буде задавати розташування назви над або під таблицею, а атрибут align - визначати його вирівнювання по лівій або правій границі таблиці; · style - установлює властивості стилю, що відносяться до тексту.
|
|||||
Последнее изменение этой страницы: 2020-12-09; просмотров: 64; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.128.94.171 (0.004 с.) |