Лабораторная работа №1. Разработка первой базовой Web-страницы.

Откройте текстовый редактор Notepad и внесите код html-документа, приведенный ниже:

ДОБРО ПОЖАЛОВАТЬ НА МОЮ ДОМАШНЮЮ СТРАНИЧКУ!

Спасибо Вам, уважаемый посетитель, за то, что ВЫ нашли время и возможность заглянуть на мою страничку во Всемирной Сети. Здесь Вашему вниманию будет предложена информация о моих увлечениях, моей биографии, моих друзьях, работе и семье. В отдельной рубрике я опубликую несколько собственных фотографий. Надеюсь, они вам понравятся.

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

Заходите на мою страничку почаще!

Итак, превратим наш файл в полноценный html-документ:

<! DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>

< HTML>

< HEAD>

< TITLE> Моя первая веб-страничка< /TITLE>

< /HEAD>

< BODY>

< H1 ALIGN=”CENTER”> ДОБРО ПОЖАЛОВАТЬ НА МОЮ ДОМАШНЮЮ СТРАНИЧКУ! < /H1>

< P ALIGN=”JUSTIFY”> Спасибо Вам, уважаемый посетитель, за то, что ВЫ нашли время и возможность заглянуть на мою страничку во Всемирной Сети. Здесь Вашему вниманию будет предложена информация < EM> о моих увлечениях, моей биографии, моих друзьях, работе и семье< /EM>. В отдельной рубрике я опубликую несколько собственных фотографий. Надеюсь, они вам понравятся.

< P ALIGN=”JUSTIFY”> К сожалению, в настоящий момент моя домашняя страничка < STRONG> находится в стадии разработки< /STRONG>, поэтому еще далеко не все разделы доступны для просмотра. Я искренне надеюсь, что этот ресурс будет постоянно обновляться, и в ближайшем будущем многие из перечисленных рубрик займут свое законное место.

< P ALIGN=”CENTER”> < BIG> Заходите на мою страничку почаще! < /BIG>

< BR>

< HR WIDTH=80% SIZE=”1” COLOR=”#000000”>

< P ALIGN=”CENTER”> < SMALL> & copy; Ваше имя 2002, All Rights Reserved. < /SMALL>

< BR>

< /BODY>

< /HTML>

Как ясно из приведенного выше кода, вступительная фраза ДОБРО ПОЖАЛОВАТЬ НА МОЮ ДОМАШНЮЮ СТРАНИЧКУ! Использована в качестве заголовка первого уровня, словосочетания «о моих увлечениях, моей биографии, моих друзьях, работе и семье» записаны курсивом, фраза «далеко не все ее разделы доступны для просмотра» выделена жирным начертанием, а в нижней части страницы фигурирует объявление авторских прав с использованием соответствующей escape-последовательности.

Задание:

1. В программе Блокнот ввести указанный выше листинг программы и сохранить под названием index.html. Запустить данный файл в программе Internet Explorer, проанализировать полученный результат.
2. По своему усмотрению поменять текстовую часть странички;
3. После Escape-последовательности Ó ввести свое имя и заменить символ на Ò;
4. Последовательно поэкспериментировать с заменой аргумента тега ALIGN на RIGHT, LEFT, CENTER и JUSTIFY
5. Проверить работу тегов < STRIKE> и < TT>
6. Поменять цвет линии в разделителе < HR> на красный и расположить ее на 50% экрана.