Практическое занятие

Задание 1. Создайте шаблон html-документа в текстовом редакторе, содержащий только структурные теги и <DOCTYPE> с параметрами. Сохраните html-документ в папку под именем шаблон.html. На основе этого шаблона будет гораздо быстрее создавать новые веб-страницы.

Рекомендации. Шаблон из структурных тегов, доктайпа и тега <title>, который должен тоже быть на каждой веб-странице.

<!doctype html>
  <html>
    <head>
        <title> </title>
    </head>
   <body>
   </body>
  </html>

Задание 2. Создайте новый html-документ на основе шаблона. Добавьте в тег <BODY> стиль, меняющий цвет фона веб-страницы на любой, отличный от белого. Сохраните файл под именем index.html и откройте его в браузере. Добавьте тег <TITLE> с текстовой информацией, сохраните измененный документ и обновите его в браузере. Проверьте, появилась ли  в заголовке браузера введенная текстовая информация.

Рекомендации. Откроем шаблон.html в текстовом редакторе Блокнот и добавим недостающий код.

<!doctype html>
  <html>
    <head>
        <title>Сайт про  самое интересное</title>
    </head>
   <body style="background-color: indigo">
   </body>
  </html>

Задание 3. Добавьте на созданную веб-страницу бегущую строку типа «Мне нравится веб-дизайн» и с помощью параметров измените;

a.       ширину и высоту контейнера на 500px;

b.       цвет фона бегущей строки и цвет текста;

c.        направление перемещения строки на «сверху вниз»;

d.       размер шрифта на величину, не менее 25pt;

e.        поэкспериментируйте с другими параметрами бегущей строки.

<MARQUEE style="width: 500px; height: 500px;
                                                   background-color: black; color: white;
                                                    font-size: 30pt"   direction="down" >
        Бегущая строка
</MARQUEE>

Последнее изменение: Суббота, 11 января 2020, 21:40