Практикум <- Кодирование картинок

Кодирование картинок

Практикум

Задание

Создайте гипертекстовую страницу, верхняя часть которой показана на рисунке.

Кодирование картинок

Каталог с картинками назовёт учитель. В качестве шаблона страницы используйте следующий код:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="ru">
  <HEAD>
    <META http-equiv="Content-Type"
          content="text/html; charset=windows-1251">
    <META http-equiv="imagetoolbar" content="no">
    <LINK rel="stylesheet" type="text/css" href="main.css">
    <TITLE>Кодирование картинок</TITLE>
  </HEAD>

  <BODY bgcolor=white text=black 
        link=blue alink=red vlink=purple>


    <DIV id=header>
      <!--
        Здесь располагается логотип и заголовок. 
        Свойство "white-space:nowrap" предотвращает 
        разрыв строки между картинками.
        Файлы с картинками: logo.gif и title.png. 
      -->
    </DIV>
    

    <P>
Ниже представлена работа &laquo;Working Man&raquo;
американской художницы Ким Андерсон:

    <!--
      Здесь располагается картинка 01.jpg. 
      Рамка, выравнивание по центру. 
    -->

    <P>
А это рисунок козлёнка, выполненный Александром Руссом,
художником Роботландии:

    <!--
      Здесь располагается картинка 02.png. 
      Выравнивание слева, без обтекания. 
    -->

    <P>
Рисунок сетевого паука, который индексирует сайты,
также выполнен Александром Руссом:

    <!--
      Здесь располагается картинка 03.png. 
      Выравнивание справа, без обтекания. 
    -->

    <P>
    <!--
      Здесь располагается картинка 04.png. 
      Выравнивание слева, обтекание справа. 
    -->
Обезьянка (рисунок Александра Русса) надеется,
что её изображение будет правильно помещено на 
страницу: у левого края окна, а текст будет обтекать 
её справа.

    <!--
      Здесь закодировано прекращение обтекания.
    -->

    <P>
    <!--
      Здесь располагается картинка 05.png. 
      Выравнивание справа, обтекание слева. 
    -->
Маленькая мышка (рисунок Александра Русса) решила 
отдохнуть. Ещё немного, глазки её закроются, и 
она увидит сладкий сон, о том, как мышка решила 
отдохнуть, глазки у неё закрылись и она 
посмотрела сладкий сон&#133;

    <!--
      Здесь закодировано прекращение обтекания.
    -->

    <P>
Этот небольшой сборник завершает фото настоящего 
(не сетевого) паука в его лесной среде обитания:
 
    <!--
      Здесь располагается картинка 06.jpg. 
      Рамка, выравнивание по центру. 
    -->
  </BODY>
</HTML>

вверх | возврат