КАТЕГОРИИ:
Архитектура-(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)
Использование цветов
В HTML не предусмотрено специальных средств раскрашивания таблиц. Однако как Netscape Navigator, так и Microsoft Internet Explorer - имеют расширения, позволяющие изменять цвет ячеек и рамок. Вы можете изменить цвет фона ячейки при помощи атрибута BGCOLOR перед размещением в ней текста или изображения, а также использовать атрибут BORDERCOLOR для изменения цвета рамки ячейки, BORDERCOLORLIGHT — цвет светлой части рамки; BORDERCOLORDARK — цвет темной части рамки.
Эти атрибуты вставляются в тэг <TABLE>. Чтобы они действительно работали, необходимо присутствие еще и атрибута BORDER, задающего ширину рамки. Ниже приводится пример использования атрибута цвета в различных тэгах таблицы.
<TABLE BGCOLOR="#F0FOF6 " BORDER= 10 BORDERCOLOR="#808080"
BORDERCOLORLIGHT="#707070" BORDERCOLORDARK="#202020">
<TR BGCOLOR="BLUE">
<ТН>Имя</ТН><ТН>Адрес</ТН>
</TR>
<TR>
<TD BGCOLOR="YELLOW">Иван</TD><TD>г.СанктПетербург</TD>
</TR>
</TABLE>
Если требуется задать шрифт текстов внутри ячеек таблицы, то это можно сделать с помощью тэгов заголовков и физических стилей внутри тэгов <TD>:
<TD BGCOLOR="YELLOW"><Н2>Иван</Н2></TD>
Тэги <TABLE>, <TD>, <ТН> и <TR> допускают использование в них указанных атрибутов. Таким образом, вы можете изменить цвет всей таблицы, отдельной ячейки или строки таблицы.
Для определения дизайна рамок таблицы в браузере Internet Explorer можно использовать атрибут FRAME тэга <TABLE>. Ниже перечислены возможные аргументы атрибута FRAME, указывающие способы изображения рамки:
BOX — все четыре стороны рамки;
ABOVE — только верхняя часть рамки;
BELOW — только нижняя часть рамки;
HSIDES — горизонтальные части рамки сверху и снизу;
VSIDES — только левая и правая вертикальные части рамки;
LHS — только левая часть рамки;
RHS — только правая часть рамки;
VOID — не изображать внешнюю рамку.
Разделительные линии между столбцами и строками таблицы описывается атрибутом RULES в тэге <TABLE>. Атрибут RULES может принимать следующие значения, задающие способ изображения разделительных линий:
ALL — все вертикальные и горизонтальные линии;
ROWS — только горизонтальные линии между строками;
COLS — только вертикальные линии между столбцами;
NONE — не изображать разделительные линии.
Практические примеры создания таблиц.
По определению таблицы используются для представления табличных данных. Таблицы могут быть также полезны при работе с формами HTML, так как предоставляют возможность создавать очень хорошо организованные формы для ввода информации. Таблицы можно применять и для других целей, упоминавшихся ранее. Благодаря разнообразным возможностям группировать текстовую и графическую информацию, таблицы помогут вашим HTML-документам обрести более впечатляющий облик.
Вот пример объединения ячеек:
<HTML>
<TITLE>Таблицы</TITLE></HEAD>
<BODY>
<H2>Основные элементы таблиц</H2>
<P>
Ниже приведен пример простой таблицы с объединенными ячейками
<P>
<TABLE BORDER>
<CAPTION ALIGN=TOP>Список сотрудников</CAPTION>
<TR><TH C0LSPAN=2>Имя и должность</ТН><ТН>Оклад</ТН>
</TR>
<TR><TD>Иван</TD><TD>Директор</TD><TD>1000</TD></TR>
<TR><TD>Пeтp</TD><TD>Бyxгaлтep</TD><TD>800</TD></TR>
<TR><TD>Федор</TD><TD ROWSPAN=2>Рабочий</TD><TD>50</TD>
</TR>
<TR><TD>Василий</ТD><ТD>70</ТD></TR>
</TABLE>
</BODY>
</HTML>
Включение одной таблицы в другую.
Другим способом вывода тех же данных является размещение текста в маленькой таблице, включенной в большую таблицу. HTML позволяет это сделать.
Контрольные вопросы:
1. Каким образом в таблицах в HTML-документе можно объединить смежные ячейки строк?
2. Каким образом в таблицах в HTML-документе можно объединить смежные ячейки столбцов?
3. Перечислите основные атрибуты таблицы и дайте их характеристику.
4. Как в таблице можно поменять цвет?
5. Как можно выровнять текст и графику внутри ячеек таблиц?
6. Для чего используется тэг FRAME?
Домашнее задание:
1. Самостоятельно изучить вопрос «Подготовка таблицы в редакторе HotDog Professional» и оформить доклад.
2. Из ранее подобранного материала по теме КПР, выбрать информацию, которую можно представить в виде таблицы в HTMLдокументе.
|
|
Дата добавления: 2014-12-23; Просмотров: 542; Нарушение авторских прав?; Мы поможем в написании вашей работы!