|
||||||||
Практическая работа №27. Ввод и редактирование HTML-документа». Добавьте внутрь тега <BODY></BODY> Текст ПРИВЕТ МИР!!!. Для тега <BODY> добавьте атрибут text=#ff0000Практическая работа №27 «Ввод и редактирование HTML-документа» Цели: 1. ознакомиться с основными понятиями: тег, атрибут тега. 2. ознакомиться со структурой HTML документа 3. создать простейшую страницу HTML
В данной лабораторной работе вам будет необходимо создать простейшую страничку HTML, которая будет содержать основную структуру всех страниц сайта.
Ход работы
1. создайте на локальном диске папку Lab_1. 2. Откройте текстовый редактор Блокнот. 3. В текстовом редакторе напишите следующий код:
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> добавьте атрибут text=#ff0000 15. Сохраните и посмотрите результат в браузере (должен поменяться цвет текста)
По завершению работу у вас должен быть файл Index1.html который сохранен в папке Lab_1. Который содержит следующий код:
Практическое задание. Вам необходимо создать страницу которая: 1. в качестве названия вкладки содержит ваше имя и фамилию 2. Фон страницы залит зеленым цветом 3. Цвет текста на странице красный 4. Текст на странице: Студент(ка) ФИО, Группа: ХХ ИТ ХХ, Специальность: НАЗВАНИЕ ВАШЕЙ СПЕЦИАЛЬНОСТИ
Файл сохранить в папке Lab_1 с названием Index2.html
Отчет по практическому заданию должен содержать описание ваших действий при выполнении практического задания с приложенным итоговым скрином экрана.
|
||||||||
|