Создание абсолютной ссылки на Web-ресурс

Абсолютная гиперссылка – это ссылка на какой-либо внешний ресурс, не относящийся к данному web-сайту.

Добавьте в файл index.html следующий абзац со ссылкой:

<H2>Пример создания абсолютной ссылки</H2>

<p> Для примера можно посмотреть на поисковый сервер <a href = "http://www.rambler.ru"> Rambler</a></p>

Если необходимо в качестве ссылки использовать какое-либо изображение, то его надо вставить внутрь контейнера, созданного дескриптором ссылки. Например:

<p> Для примера можно посмотреть на поисковый сервер <a href = "http://www.rambler.ru"> <img src = "fon.jpg"> </a> </p>

Обратите внимание! В данном примере название рисунка “fon.jpg” дано для примера. Вы должны указать имя реально существующего файла рисунка, предварительно скопировав его в туже папку, куда сохранены файлы данной лабораторной работы (index.html и list.html). В противном случае вам надо прописать полный путь к рисунку.

Создание внутренних ссылок в документе

Внутренние ссылки используются для навигации в пределах одной web-страницы. Связывание с помощью внутренних ссылок удобно для посетителей, и помогает кодировщикам организовать страницы продумано и без лишних слов.

Эта ссылка похожа на обычную относительную ссылку, только вместо адреса web-страницы издания гиперссылокБЮскопировав его в туже папку, где со000000000000000000000000000000000000000000000000000000000000000стоит знак #, за которым находиться единственное слово. Её необходимо разместить в конце документа. Для перехода по этой ссылке внутри документа необходимо создать именованный элемент привязки.

Создадим внутреннюю ссылку. Для этого необходимо заголовку станицы в файле index.html присвоить имя, например, так:

<a name="Nachalo"> <H1> Примеры создания гиперссылок </H1> </a>

Здесь Примеры создания гиперссылок – заголовок, на данной web-странице.

Чтобы перемещение по web-странице было более очевидно, необходимо вставить несколько рисунков после заголовка, или просто добавить много пустых строк, используя тег </br>.

После этого, необходимо создать гиперссылку, но вместо обычного URL необходимо использовать ссылку на именованный элемент привязки (в нашем случае это будет слово Nachalo, перед которым будет стоять знак #). Вот как будет выглядеть ссылка, позволяющая переместиться из конца документа в начало страницы к заголовку Примеры создания гиперссылок:

<a href="#Nachalo"> Вверх </a>.

Содержание отчета

В качестве отчета необходимо предоставить полученные вами файлы index.html и list.html.

Лабораторная работа № 8

Тема: Создание таблиц

Цель: научиться создавать таблицы в HTML

Контрольные вопросы:

1. Перечислите теги описания таблицы, заголовка таблицы, строки таблицы.

2. Назовите атрибуты элементов, используемых при создании таблицы: высота, ширина, цвет фона, выравнивание таблицы, размещение заголовка под или над таблицей и т.д.

Теоретический материал

Таблицы очень часто применяются при создании web-страниц, поскольку позволяют довольно просто производить разметку документа. В более продвинутом способе разметки используется тег div, однако мы не будем рассматривать этот способ из-за его трудности для восприятия.

В этой лабораторной работе вы познакомитесь с дескрипторами документа, используемыми для создания таблиц:

• <TABLE> … </TABLE> - основной дескриптор таблицы, объявляющий ее начало и конец.

• <TR> … </TR> - открывающий и закрывающие строку таблицы дескриптор.

• <TD> … </TD> - дескрипторы, создающие единичную ячейку таблицы.

Атрибуты таблицы:

• align="x" – выравнивание;

• border="x" – рамка ячеек;

• colspan="x" – объединение столбцов в один;

• rowspan="x" – объединение строк в одну.