Порядок выполнения работы

1. Дополнить HTML – документ, созданный в практической работе 1, вводом таблицы.

2. Создать на странице 2 таблицы, в которых будет не менее 6 строк и 5 столбцов и будут ячейки, охватывающие несколько строк и столбцов.

3. Ввести и отформатировать заголовок таблицы.

4. Изменить ширину таблиц так, чтобы они занимали 50 и 100% ширины страницы соответственно.

5. Для первой таблицы отменить вывод рамки, для другой ввести заданный размер рамки и заданный отступ информации ячеек от рамки.

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

7. Установить для ячеек данных и ячеек заголовков разные тип и размер шрифта. Ячейки заголовков должны иметь горизонтальное и вертикальное выравнивание по центру.

8. Оформить с помощью таблиц один из разделов страницы (параграф на Ваше усмотрение) в виде двух столбцов текста.

9. Продемонстрировать результат работы преподавателю, загрузив созданный HTML-файл в окно просмотра Internet Explorer.

Практическая работа № 3 «Создание и редактирование гиперссылок в html - документе»

Цель работы: ознакомление с основами языка HTML, получение практических навыков по созданию и использованию гипертекстовых ссылок в HTML-документе.

Общие сведения

Теги <A> и </A> определяют гипертекстовую ссылку, а также имя, используемое как адрес в ссылке.

Для идентификации компонуемых документа или изображения используются атрибуты, с помощью которых указывается путь к документу.

Атрибут NAME определяет для некоторой области HTML-документа уникальное имя, на которое будет осуществляться переход по ссылкам. С помощью этого атрибута можно связать имя с частью документа, использовав это имя как адрес именованной части документа.

Пример 1

1. ссылка на часть документа:

курс <A NAME="Курс_1"> Web-сервер </A> включен в цикл "Сети ЭВМ". "Курс_1" - идентификатор места, куда будет осуществлен переход (раздел Web-сервер). Для идентификации этого места используется конструкция:

<A NAME="#Курс_1"> Web-сервер </A>

2. ссылка на раздел Web-сервер в другом файле Seti.htm:

<A NAME="Seti.htm#Курс_1"> Web-сервер </A>

Атрибут HREF определяет сетевой адрес документа, с которым устанавливается связь.

Пример 2

1. ссылка на элемент в том же рабочем каталоге, что и текущий документ:

<A HREF="www.w3.org"> World Wide Web Organization </A>

Текст гипер- ссылки (метки) "World Wide Web Organization" будет выделен другим цветом. Для осуществления перехода по этой метке нужно щелкнуть на ней мышью

2. ссылка на удаленный документ:

<A HREF="http://www.w3.org/"> World Wide Web Organization </A>

3. указание адреса для посылки писем:

<A HREF="mailto:postmaster@vt.etu.spb.ru"> Послать письмо автору </A>

Порядок выполнения работы

1. Дополнить HTML – документ, созданный в практической работе 1, вводом гипертекстовых ссылок.

2. Ввести на новой строке, после таблиц, гипертекстовую ссылку для перехода в новый документ из первого параграфа.

3. Поименовать все разделы Вашего HTML – документа и ввести гипертекстовую ссылку на них из элементов списка.

4. Ввести гипертекстовую ссылку на отдельные части нового документа из ячеек таблицы.

5. Ввести в раздел сведений об авторе документа гипертекстовую ссылку с возможностью посылки автору документа сообщения по электронной почте.

6. Создайте новую таблицу с тремя ссылками на любые поисковые системы, со следующими параметрами:

   1. Таблица: из 1 строки и 3 столбцов; границы отсутствуют; выравнивание текста в ячейках и самой таблицы – по центру; размер таблицы 40% от ширины страницы.

   2. Ссылки: продемонстрировать открытие ссылки в текущем окне, в новом окне, в новой вкладке.

7. Продемонстрировать результат работы преподавателю, загрузив созданный HTML-файл в окно просмотра Internet Explorer.