Мегаобучалка Главная | О нас | Обратная связь  


Наследование свойств выравнивания




 

По отношению к элементу TABLE дочерними являются: TH, TD, THEAD, TFOOD, COL, COLGROUP. В каждом из них можно задать параметры выравнивания. Наследование свойств горизонтального выравнивания align наследуется с учетом приоритета (от высшего к низшему):

наиболее высоким приоритетом обладают атрибуты, установленные внутри символьных данных ячейки;

атрибуты тегов <TH> и <TD>;

атрибуты тегов группирования столбцов (COL, COLGROUP);

атрибуты элементов строки или групп строк (элементы TR, THEAD, TFOOT);

атрибуты тега <TABLE>;

атрибуты, установленные по умолчанию.

Свойства вертикального выравнивания (значения атрибута valign) для содержимого ячеек наследуется в том же порядке, что и свойства горизонтального выравнивания. Отличие состоит лишь в том, что значения этого атрибута в элементах стрик или групп строк (элементы TR, THEAD, TFOOT) имеют более высокий приоритет, чем значения в элементах группирования столбцов (элементы COL, COLGROUP).

Примеры задания таблиц

1. Простые таблицы

 

 

<TABLE align=center border=3>

<CAPTION align=center>

Самые знаменитые алмазы

</CAPTION>

<TR align=center>

<TH>Название</TH>

<TH>Страна</TH>



<TH>Год</TH>

<TH>Масса в каратах</TH>

</TR>

<TR>

<TD>Куллинан</TD>

<TD>Южная Африка</TD>

<TD>1905</TD>

<TD>3106</TD>

</TR>

<TR>

<TD>Эксцельсиор</TD>

<TD>Южная Африка</TD>

<TD>1893</TD>

<TD>971.5</TD>

</TR>

<TR>

<TD>Звезда Сьерра-Леоне</TD>

<TD>Западная Африка</TD>

<TD>1972</TD>

<TD>968.9</TD>

</TR>

</TABLE>

2. Объединение строк и столбцов таблицы.

 

 

<TABLE align=center border=3>

<CAPTION align=center>

Магазин предлагает учебники

</CAPTION>

<TR align=center>

<TH>Предмет</TH>

<TH>Раздел</TH>

<TH>Классы</TH>

</TR>

<TR>

<TD rowspan=4>Математика</TD>

<TD>Арифметика</TD>

<TD>1 - 4</TD>

</TR>

<TR>

<TD>Алгебра</TD>

<TD>5 - 11</TD>

</TR>

<TR>

<TD>Геометрия</TD>

<TD>7 - 11</TD>

</TR>

<TR>

<TD colspan=2>Количество наименований: 1090</TD>

</TR>

<TR>

<TD rowspan=3>Физика</TD>

<TD>Механика</TD>

<TD>5 - 7</TD>

</TR>

<TR>

<TD>Оптика</TD>

<TD>10 - 11</TD>

</TR>

<TR>

<TD colspan=2>Количество наименований: 457</TD>

</TR>

</TABLE>

3. Вложенные таблицы. Команды, управляющие созданием и отображением таблиц, допускают вложение одного тега <TABLE> внутрь другого. Эта особенность языка используется для представления "вложенных" таблиц.


 

<TABLE align=center border=3>

<CAPTION align=center>

Магазин предлагает учебники

</CAPTION>

<TR align=center>

<TH>Предмет</TH>

<TH>Раздел</TH>

<TH>Классы</TH>

</TR>

<TR>

<TD> Математика</TD>

<TD colspan=2>

<TABLE border=4>

<TR>

<TD>Арифметика</TD>

<TD>1 - 4</TD>

</TR>

<TR>

<TD>Алгебра</TD>

<TD>5 - 11</TD>

</TR>

<TR>

<TD>Геометрия</TD>

<TD>7 - 11</TD>

</TR>

<TR>

<TD colspan=2>

Количество наименований: 1090

</TD>

</TR>

</TABLE>

<TR>

<TD>Физика</TD>

<TD colspan=2>

<TABLE border=4>

<TR>

<TD>Механика</TD>

<TD>5 - 7</TD>

</TR>

<TR>

<TD>Оптика</TD>

<TD>10 - 11</TD>

</TR>

<TR>

<TD colspan=2>

Количество наименований: 457

</TD>

</TR>

</TABLE>

</TR>

</TABLE>


Гиперссылки

 

Ссылка представляет собой логическую связь одного фрагмента (элемента) документа с другим фрагментом в том же самом или в другом документе. Ссылка характеризуется двумя точками, называемыми закладками. Различают начальную и конечную закладки.

Начальная закладка устанавливается на конкретном HMTL-элементе и определяет точку, из которой задается ссылка. Начальные закладки можно размещать в тексте, таблицах, списках изображениях, фреймах. Начальная закладка выделяется на странице подчеркиванием и цветом.

Конечная закладка определяет точку назначения ссылки и может относиться не только к конкретному HTML-элементу, но и к программе или документу в целом.

В HTML различают внутренние и внешние гиперссылки. Внутренние ссылки осуществляют переход в пределах одного и того же документа. Внешние ссылки обеспечивают переходы к другим документам. Внешние ссылки и называют гиперссылками.

Текстовые гиперссылки можно разделить на четыре условных категории: ссылки на документы, ссылки на разделы, ссылки на адрес электронной почты, ссылки на файловые объекты.

 

Ссылки на документы

 

Для реализации простой гиперссылки на другую web-страницу можно использовать в html-документе тег <А>. Формат записи тега:

<А href="URL"

target=”параметр”

title=”альтернативный текст">

Текст гиперссылки

</А>

Атрибут href указывает на адрес страницы, с которой нужно установить гиперсвязь. Этот адрес может быть представлен как в виде полного URL (например, "http: // www. server. ru/page. htin1"), так и в виде сокращенного URL с указанием пути к искомой странице в пределах локального сервера (например, "/folder/page. html"). Если искомый документ расположен в одной директории с текущим, в качестве параметра атрибута href достаточно записать его название.

Атрибут target содержит директивы, описывающие правила открытия целевого документа в броузере, эти директивы выделяются в коде символом подчеркивания.

Значения атрибута target:

_self отображает открываемый по ссылке документ HTML в текущем окне броузера;

_blank отображает открываемый документ в новом окне;

_parent загружает страницу во фрейм-родитель, если фреймов нет – в текущее окно;

_top отменяет все фреймы и загружает страницу в полном окне, если фреймов нет – в текущем окне.

Атрибут title предназначен для создания так называемого альтернативного текста – всплывающей подсказки, появляющейся в небольшом прямоугольнике, если пользователь задержит курсор мыши над гиперссылкой на несколько секунд.

 

Ссылки на разделы

 

Иногда возникает необходимость разместить на web-странице гиперссылку не на другой документ, а на расположенный в пределах этой же страницы раздел или участок текста. При активизации подобной гиперссылки браузер "отматывает" экран таким образом, что искомый раздел или фраза оказываются в верхней его части. Процесс создания ссылки на раздел можно условно разделить на два этапа.

Первый заключается в подготовке так называемой "закладки" – специальной метки с уникальным в пределах данного документа именем, присваиваемым "закладке" посредством атрибута name. Для этого в том участке текста, где необходимо разместить метку, применяется следующая команда:

<А nаme="имя_закладки">

Ключевое слово или заголовок раздела

</А>

Второй этап – создание самой ссылки при помощи команды:

<А hrеf="#имя_закладки">Текст ссылки</А>

Для задания имени "закладки" лучше использовать латинские символы. При вызове раздела посредством гиперссылки имя "закладки" предваряется символом "#".

Если нужно разместить ссылку на раздел какого-либо другого документа, описанный выше алгоритм в целом сохраняется, за исключением того, что в вызывающем теге перед именем "закладки" указывается URL документа. В этом случае рекомендуется также использовать атрибут target с параметром _blank. Подобная команда в обобщенном виде будет выглядеть следующим образом:

<А href=document. htm#имя_закладки

target="_blank">

Текст ссылки

</А>

 

Поможем в ✍️ написании учебной работы
Поможем с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой



Читайте также:
Организация как механизм и форма жизни коллектива: Организация не сможет достичь поставленных целей без соответствующей внутренней...
Как вы ведете себя при стрессе?: Вы можете самостоятельно управлять стрессом! Каждый из нас имеет право и возможность уменьшить его воздействие на нас...
Почему человек чувствует себя несчастным?: Для начала определим, что такое несчастье. Несчастьем мы будем считать психологическое состояние...



©2015-2020 megaobuchalka.ru Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. (122)

Почему 1285321 студент выбрали МегаОбучалку...

Система поиска информации

Мобильная версия сайта

Удобная навигация

Нет шокирующей рекламы



(0.027 сек.)
Поможем в написании
> Курсовые, контрольные, дипломные и другие работы со скидкой до 25%
3 569 лучших специалисов, готовы оказать помощь 24/7