АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Таблиці. Засоби опису таблиць в HTML

Читайте также:
  1. IV. ЗАСОБИ ЗАХИСТУ ЛЮДИНИ ВІД НЕБЕЗПЕЧНИХ ФАКТОРІВ У НАДЗВИЧАЙНИХ СИТУАЦІЯХ МИРНОГО ТА ВОЄННОГО ЧАСІВ
  2. VIII Грошові засоби Ф.-Д. Організації У.Н.Р.
  3. Аварійно-рятувальні засоби
  4. АРХІВНЕ ОПИСУВАННЯ: ПОНЯТТЯ, ВИДИ, ПРИНЦИПИ І МЕТОДИ
  5. Бібліографічного опису у списку джерел
  6. бІблІографІЧного опису у списку джерел
  7. Від «Літопису Самовидця» до «Історії Русів»
  8. Вогнегасні засоби
  9. Документи, що супроводжують транспортні засоби
  10. Електрозахисні засоби та запобіжні пристосування
  11. Ель Греко значно вплинув на формування іспанського живопису.
  12. Живопис. Різновиду живопису.

У міру зростання системи WWW стало зрозуміло, що засобів, які закладені в НTML, не достатньо для якісного відображення різного типу документів. Недоліком НTML була відсутність в його складі засобів відображення таблиць. Для цієї мети зазвичай використовувався форматований текст (тег <PRE>), в якому таблиця змальовувалася символами АSCII. Але така форма представлення таблиць була недостатньо високої якості і виділялася із загального стилю документа.

Тег <Тавlе>

Для опису таблиць служить тег <Тавlе>. Тег <Тавlе>, як і багато інших, автоматично переводить рядок до і після таблиці.

Тег <Тr>.

Тег <Тr> (скорочення від Таble Row - рядок таблиці) створює рядок таблиці. Якщо в таблиці міститься два набори тегов <Тr></тr>, в ній будуть два рядки. Весь текст, інші теги і атрибути, які ви хочете помістити в один рядок, повинні бути поміщені між тегами <Тr></тr>. Приклад 1:

<HTML>

<BODY>

<H1 ALIGN=CENTER>Таблица</H1>

<CENTER>

<TABLE BORDER=2>

<TR> <TD COLSPAN=3>

Если в таблице два тега TR то в ней две строки.</TD> </TR>

<TR>

<TD>Если в строке три тега <TD> </TD>

<TD>то в ней </TD>

<TD>три столбца</TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>

Тег <ТD>

Усередині рядка таблиці зазвичай розміщуються осередки з даними, кожен осередок, що містить текст або зображення, повинен бути оточений тегами <Тd></тd>. Число тегов <Тd></тd> в рядку визначає число осередків. Рядок з п'ятьма парами тегов <Тd></тd> складатиметься з п'яти осередків. Приклад 2:

<HTML>

<BODY>

<TABLE BORDER=2>

<TR>

<TD>В</TD>

<TD>этой</TD>

<TD>строке</TD>

<TD>пять</TD>

<TD>столбцов</TD>

</TR>

<TR>

<TD>а в этой</TD>

<TD>только</TD>

<TD>три.</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Тег <ТН>

При завданні заголовків для стовпців і рядків таблиці використовуються тег заголовка <Тн></тн> (Таblе Неаder, заголовок таблиці). Ці теги аналогічні <Тd></тd>. Відмінність полягає в тому, що текст, ув'язнений між тегами <Тн></тн>, автоматично записується жирним шрифтом і за умовчанням розташовується посередині осередка. Центрування можна відмінити і вирівняти текст по лівому або правому краю. Якщо скористатися <Тd></тd> з тегом <В> і атрибутом Аlign=center, текст теж виглядатиме як заголовок. Проте, слід мати на увазі, що не всі броузеры підтримують жирний шрифт в таблицях, тому краще задавати заголовки таблиць за допомогою <ТН>.

Приклад 3:

<HTML>

<BODY>

<TABLE BORDER>

<TR>

<TH>Заголовок центрован по умолчанию</TH>

<TH COLSPAN=2>Заголовок может объединять столбцы</TH>

</TR>

<TR>

<TH>Заголовок может быть расположен перед столбцами</TH>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

<TR>

<TH ROWSPAN=3> Заголовок может объединять строки</TH>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Тег <Сарtiоn>

<CAPTION> дозволяє створювати заголовки таблиці. За умовчанням заголовки центруються і розміщуються або над (<Сарtion Аlign=tор>), або під таблицею (<Сарtion Align=bottom>). Заголовок може складатися з будь-якого тексту і зображень. Текст буде розбитий на рядки, відповідні ширині таблиці. Іноді тег <Сарtion> використовується для підпису під малюнком. Для цього досить описати таблицю без меж.

Приклад 4:

<HTML>

<BODY>

<TABLE BORDER=2>

<CAPTION ALIGN=TOP>Заголовок над таблицей</CAPTION>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

</TABLE>

<TABLE BORDER>

<CAPTION ALIGN=BOTTOM>Заголовок под таблицей</CAPTION>

<TR>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

<TD>Текст или данные</TD>

</TR>

</TABLE>

</BODY>

</HTML>


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |

Поиск по сайту:

Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.005 сек.)