Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

Об'єднання комірок

Кілька комірок можуть бути об'єднані в одну як по горизонталі, так і по вертикалі. Об'єднання першого типу застосовують тоді, коли потрібно створити для кількох стовпців спільний заголовок. Коли вміст кількох комірок поспіль у стовпці однаковий, їх об'єднують по вертикалі. Для об'єднання комірок використовують такі атрибути: COLSPAN (об'єднання по горизонталі, у рядку) і ROWSPAN (по вертикалі, у стовпці) тегу <TD>. Значеннями цих атрибутів є кількість об'єднуваних стовпців або рядків. Наприклад, C0LSPAN=3 означає, що комірка розтягнута на З стовпці, а R0WSPAN=2 — що комірка займає 2 рядки.

Приклад 2. HTML-документ, який містить таблицю з об'єднаними комірками.

Створимо HTML-документ, що містить дві таблиці, в яких є об'єднані комірки (табл. 2, табл. 3).

Таблиця 3. Таблиця з комірками, об'єднаними по вертикалі

Група 1КТ13
2КТ13

 

Таблиця 3. Таблиця з комірками,об'єднаними по горизонталі

Група
1КТ13 2КТ13 2КТ12

Код цього документа наведено нижче.

<HTML>

<TITLE>Приклад ROWSPAN та COLSPAN</TITLE>

<BODY>

<TABLE BORDER="1">

<CAPTION>Приклад ROWSPAN</CAPTION>

<TR>

<TD ROWSPAN="2"> Група </TD>

<TD>1КТ13</TD>

</TR>

<TR>

<TD>2КТ13</TD>

</TR>

</TABLE>

<TABLE BORDER="1">

<CAPTION>Приклад COLSPAN</CAPTION>

<TR>

<TD COLSPAN="3">Група</TD>

</TR>

<TR>

<TD>1КТ13</TD>

<TD>2КТ13</TD>

<TD>2КТ12</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Ha рис. 2 показано вигляд цього HTML-документа у вікні браузера. Ширина таблиць добирається автоматично. їх заголовки таблиць відображено у двох рядках, оскільки вони не можуть виходити за межі таблиць.

Рис. 2. Таблиці з об'єднаними комірками

Створимо веб-сторінку з таблицею, що має таку ж структуру, як і табл. 2.5, в якій одночасно об'єднано і стовпці, і рядки.

Таблиця 4.Таблиця, в якій об'єднано кілька рядків і кілька стовпців

 

1. Створіть HTML-документ, де у відповідних тегах <TD>...</TD>визначені атрибути ROWSPAN та COLSPAN.

2. Збережіть документ із розширенням.html. На рис.3 показано, який вигляд має така таблиця у браузері. Комірка, в якій записано текст «Кількість студентів», об'єднує два рядки і два стовпці.

Рис. 3. Таблиця, де водночас об'єднано рядки і стовпці


Дата добавления: 2015-07-11; просмотров: 179 | Нарушение авторских прав


Читайте в этой же книге: Завдання 2. Створення запиту на об’єднання з використанням мови SQL | Завдання 4. Створення запиту на вибірку з використанням Построителя выражений | Завдання 6. Створення запиту з параметром | Колірне оформлення таблиць | Використання таблиць для розміщення об'єктів на веб-сторінці | Фрейми, їхні теги й атрибути | Використання посилань у фреймах | Хід роботи |
<== предыдущая страница | следующая страница ==>
Створення таблиці| Форматування тексту та оформлення рамок таблиці

mybiblioteka.su - 2015-2024 год. (0.006 сек.)