Лабораторная работа №1 «Структура HTML документа»

by Posted on

Цели работы:

  1. ознакомиться с основными понятиями: тег, атрибут тега.
  2. ознакомиться со структурой HTML документа
  3. создать простейшую страницу HTML

В данной лабораторной работе вам будет необходимо создать простейшую страничку HTML, которая будет содержать основную структуру всех страниц сайта.

Ход работы

  1. создайте на локальном диске папку Lab_1.
  2. Откройте текстовый редактор Блокнот.
  3. В текстовом редакторе напишите следующий код:
<html>  
<head>
</head>
<body>
</body>
  </html>  

4. сохраните данный документ в папке Lab_1 и назовите его Index1.html

5. При сохранении в поле кодировка выберите кодировку UTF-8 (она необходима для корректного отображения браузером символов.

6. Откройте сохраненный файл с помощью браузера (у вас должна открыться пустая страница)

7. Откройте файл Index1.html в блокноте

8. Внутри тега <HEAD> добавьте тег <TITLE> Моя первая страница </TITLE>

9. Сохраните файл и снова откройте его с помощью браузера. Теперь ваша вкладка должна называться  МОЯ ПЕРВАЯ СТРАНИЦА.

10. Добавьте внутрь тега <BODY></BODY> Текст ПРИВЕТ МИР!!!

11. Сохраните файл и посмотрите результат в браузере.

12. Для тега <BODY> добавьте атрибут bgcolor=#ff00ff  (<body bgcolor=#ff00ff> )

13. Сохраните и посмотрите результат в браузере (цвет фона должен поменяться)

14. Для тега <BODY> добавьте атрибут color=#ff0000

15. Сохраните и посмотрите результат в браузере (должен поменяться цвет текста)

По завершению работу у вас должен быть файл Index1.html который сохранен в папке Lab_1.

Который содержит следующий код:

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

Вам необходимо создать страницу которая:

  1. в качестве названия вкладки содержит ваше имя и фамилию
  2. Фон страницы залит зеленым цветом
  3. Цвет текста на странице красный
  4. Текст на странице:

Фамилия Имя Отчество (ВАШЕ). Дата рождения: 11.11.92. Хобби: Создание сайтов на HTML.

Файл сохранить в папке Lab_1 с названием Index2.html

Просмотров: 415