Министерство образования и науки ЛНР
Луганский государственный Университет имени Владимира Даля
Стахановский инженерно-педагогический институт
Кафедра информационных систем

Лабораторная работа № 3
по дисциплине: «WEB»

Стаханов 2020

Лабораторная работа №3

Тема: Работа с HTML тегами и атрибутами

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

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

Заголовки, начертание

1. Повторите страницы по данному по образцу:

2. Повторите страницу по данному по образцу:

3. Выровняйте заголовки по центру, установите цвет шрифта заголовков – красный.

4. Выровняйте текстовые абзацы по ширине, установите размер шрифта в абзацах – 8.

Списки

5. Повторите страницу по данному по образцу:

Заголовки, абзацы, списки

6. Повторите страницу по данному по образцу:

7. Выровняйте заголовки по центру, текст абзацев – по ширине, установите абзацный отступ для текста второго абзаца.

Связанные ссылками страницы

8. Повторите 3 страницы, присвойте им имена: страница1, страница2, страница3. Свяжите их ссылками друг с другом: страница 1, страница 2, страница 3.

Вставка изображения

9.                 Повторите страницу по данному по образцу:

10.            Создайте ссылку на изображение: при нажатии на логотип СУНИГОТ должен открываться сайт института.

Ход работы

Рисунок 1. – Код 1 задания

Рисунок 2. – Результат

Рисунок 3. – Код задания 2

Рисунок 4. – Результат

Рисунок 5. – Задание 3

Рисунок 6. – Код задания 4

Рисунок 7. – Результат

Рисунок 8. – Код задания 5

Рисунок 9. – Результат

Рисунок 10. – Код задания 6

Рисунок 11. – Результат

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