Лабораторная работа №1 «Структура HTML документа»
Цели работы:
- ознакомиться с основными понятиями: тег, атрибут тега.
- ознакомиться со структурой HTML документа
- создать простейшую страницу HTML
В данной лабораторной работе вам будет необходимо создать простейшую страничку HTML, которая будет содержать основную структуру всех страниц сайта.
Ход работы
- создайте на локальном диске папку Lab_1.
- Откройте текстовый редактор Блокнот.
- В текстовом редакторе напишите следующий код:
| <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.
Который содержит следующий код:
Практическое задание.
Вам необходимо создать страницу которая:
- в качестве названия вкладки содержит ваше имя и фамилию
- Фон страницы залит зеленым цветом
- Цвет текста на странице красный
- Текст на странице:
Фамилия Имя Отчество (ВАШЕ). Дата рождения: 11.11.92. Хобби: Создание сайтов на HTML.
Файл сохранить в папке Lab_1 с названием Index2.html