Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Лістинг 3.9. Файл chap3\align.htm




Лістинг 3.8. Файл chap3\caption2.htm

<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">

<HTML>

<HEAD>

<TITLE>Таблиця із заголовком і підписом</ТITLE>

</HEAD>

<BODY BGCOLOR=#FFFFFFF>

<TABLE BORDER WIDTH=100%>

<CAPTION ALIGN=BOTTOM>Ta6л. 1.2. Таблиця З подвійним эаголовком</CAPTION>

<TR><ТН COLSPAN=3>3aroловок для всіх стовпців</ТН></TR>

<TR><ТН COLSPAN=2>Стовпець 1 і 2</ТН><ТН>Стовпець 3</ТН></TR>

<TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>

<TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>

<TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>

</TABLE>

</BODY>

</HTML>

 

3.3.5. Вирівнювання тексту в елементах таблиці

За допомогою параметрів ALIGN і VALIGN можливо виконувати вирівнювання тексту, розташованого в елементах таблиці. У лістинг 3.9 приведений початковий текст документа HTML, що містить досить складну таблицю з багатошаровими заголовками, розташованими як зверху, так і зліва від таблиці. У операторах, що визначають елементи таблиці, використані різні комбінації параметрів вирівнювання.

 

<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">

<HTML>

<HEAD>

<ТITLE>Вирівнювання в таблицях</ТITLE>

</HEAD>

<BODY BGCOLOR=#FFFFFF>

<TABLE BORDER>

<TR><TD><TH ROWSPAN=2></TH><TH COLSPAN=3>Тип вирівнювання</ТН></TD></TR>

<TR><TD><ТН>По лівому краю</ТН><ТН>Центруванню</ТН><ТН>По правому краю</ТН></TD></TR>

<TR><ТН ROWSPAN=2>Напрям</ТН><ТН>По вертикалі</ТН><ТD>Цього текст вировнен по лівому краю</TD><TD ALIGN=CENTER>Цей текст отцентрован</ТD>

<TD ALIGN=RIGHT>Цей текст вировнен по правому краю</ТD></TR>

<TR><ТН>По горизонталі</ТН><TD VALlGN=TOP>Bepxy</TD><TD ALIGN=CENTER>nocepeдине</TD><TD VALIGN=BOTTOM ALIGN=RIGHT>Внизу</TD></TR>

</ТАВLЕ>

</BODY>

</HTML>

 

Зовнішній вигляд таблиці показаний на мал. 3.10.

    Тіп вирівнювання  
По лівому краю Центрування По правому краю
Напрямок По вертикалі Цей текст вировнен по левому краю Цей текст отцентрюван Цей текст вировнен по правому краю
По горизонталі Уверху Посередині Унизу

МАЛ. 3.10. Різні способи вирівнювання тексту в елементах таблиці

3.3.6. Таблиці всередині таблиць

Таблиці можуть містити в своїх осередках багато які об'єкти, допустимі в документах HTML. Зокрема, можна розмістити всередині елемента таблиці іншу таблицю, створивши таким чином вкладені таблиці.

У лістинг 3.10 приведений початковий текст документа HTML, в якому створюється така вкладена таблиця.

 




Поделиться с друзьями:


Дата добавления: 2014-11-29; Просмотров: 324; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.008 сек.