Гипертекстовые связи в HTML - документе и их структура. Ссылки на точки внутри Web-документа

С помощью тегов HTML можно связать любой элемент Web-страницы (например, текст или рисунок) с каким-либо адресом URL. Такие связи называются гиперссылками. При просмотре Web-страницы в браузере текстовые гиперссылки выделяются, синим цветом и подчер­киванием (если используется стандартная настройка). При щелчке левой кнопкой мыши на гиперссылке происходит загрузка другого Web-документа — того, на который указывает адрес URL, записан­ный в этой гиперссылке. Благодаря гипертекстовым связям все пространство WWW можно рас­сматривать как единую паутину, состоящую из множества взаимо­связанных документов. Сегодня в этой паутине насчитывается более пяти миллиардов документов, и их число очень быстро растет. Теоре­тически, начав работу в WWW с просмотра одного-единственного документа, можно бесконечно блуждать в паутине, получая все новую и новую информацию.

Внешняя связь <A HREF="URL>Название ссылки </A>
Внутренняя связь <A HREF="#Имя якоря"> Название ссылки </A>
Электронная почта <A HREF="maito:Ваш адрес"> Название ссылки </A>
FTP (каталог) <A HREF="ftp://хост/каталог/">Название ссылки </A>
FTP (файл) <A HREF="ftp://хост/каталог/имя">Название ссылки </A>

Вы можете делать ссылки на различные участки или разделы одного и того же документа, используя специальных скрытый маркер для этих разделов. Это позволяет быстро переходить от раздела к разделу внутри документа, не используя скроллирование экрана. Как только вы щелкнете на ссылке, браузер переместит вас на указанный раздел документа, а строка, в которой стоит маркер данного раздела (обычно, первая строка раздела или заголовок раздела) будет размещена на первой строке окна браузера (если данная строка не присутствует уже на экране браузера). Организация внутренних ссылок, ссылок на закладку, позволяющая осуществлять переход внутри текущей страницы, выполняется в два этапа:

а) сначала в нужных местах Web-страницы устанавливается метка <А пате = "Метка" > < /а>;

б) на втором этапе определяется ссылка на метку по следующему шаблону: Текст подсказки <А href' = "#Метка"> текст для щелчка </а>.

15. Использование таблиц в HTML – документах

Формирование таблицы на Web-странице сопровождается прорисовкой браузером ее рамок. Размер рамок автоматически согласовывается с размером окна просмотра браузера, размером текстов и изображений в ячейках таблицы.

При построении таблицы используются теги трех групп:

1) основной элемент описания таблицы — тег < Table >… < /table >;

2) определение строк в таблице — тег < Тr >;

3) описание ячеек в таблице — теги < Td > и < Th >.

Тег <Table> </table> использует целый ряд дополнительных атрибутов: align, width, border, cellspacing, cellpadding. Для выравнивания таблицы на странице применяется атрибут align:

•align = "left" — выравнивание таблицы по левому краю;

•align = "center"— выравнивание таблицы по центру;

•align = "right" — выравнивание таблицы по правому краю.

Ширина таблицы может быть задана в пикселях или в процентном отношении к ширине страницы, например, width = 450 или width = 40%.

атрибут border = ширина боковой грани в пикселях,

атрибут cellspacing = ширина фронтальных граней,

атрибут cellpadding= число пикселей определяет расстояние размера пустого пространства вокруг текста в ячейках.

Сразу за тегом < Table > может быть размещен специальный тег для определения заголовка страницы < Caption > < /caption >.

С помощью атрибута align этом теге заголовок может располагаться над таблицей align = "top" или под таблицей align — "bottom".

Каждую строку в таблице описывает тег < Тr >. Для выравнивания всех ячеек в строке может использоваться атрибут align со своими стандартными значениями left, center, right.

Для описания в ячейках заголовков используется внутри тега <Тr > тег < Th >. При этом текст заголовка в ячейке обычно выделяется полужирным шрифтом.

Цвет шрифта текста в таблице, как правило, задается с помощью тега < Font > с атрибутом color, например, < Font color = red >, а цвет фона внутри ячейки задается атрибутом bgcolor внутри тега < Th >, например,<Th bgcolor = "lime">.

Тег <Td> определяет обычную ячейку в таблице.