Вы находитесь на странице: 1из 4

1

Домашнее задание №1

Тема: Введение в мир веб-разработки


Домашнее задание: Практика применения html-тегов

Задание №1
На основе кода к заданию, создайте сайт в
CodePen. Внутри тега <p> находится описание
мультфильма Простоквашино (рис. 1). Внесите
изменения в код, последовательно выполнив
следующие шаги. Рисунок 1

Рисунок 1
1. Добавьте тег <title></title> и пропишите заголовок
страницы внутри тега.
2. Добавьте заголовок <h1> после тега <body>. Внутри
него добавьте: Простоквашино.
3. Добавьте заголовок <h2> и поместите внутри него
текст: Главные персонажи.
4. Разделите текст на три абзаца с помощью тега <p>:
а) Дядя Фёдор — самостоятельный мальчик. У не-
го рыжие волосы, желтая футболка без рукавов с

МАЛАЯ КОМПЬЮТЕРНАЯ АКАДЕМИЯ


Веб-дизайн – Junior (HTML & CSS)
2

Домашнее задание №1

зелёным воротником, и он носит джинсы. Очень лю-


бит животных.
б) Матроскин — полосатый говорящий кот. Склонен к
рациональному мышлению — предпочитает из всего
извлекать материальную пользу.
в) Шарик — бездомный добродушный деревенский
пёс. Имеет чувство юмора.
5. С помощью html-тегов выделите полужирным сле-
дующие слова и словосочетания: Дядя Фёдор, Матро-
скин, Шарик.
6. С помощью html-тегов выделите курсивом «Очень
любит животных».
7. С помощью html-тегов выделите полужирным на-
чертанием и курсивом «Простоквашино».
Код к заданию:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>
Дядя Фёдор — самостоятельный мальчик. У него рыжие волосы,
желтая футболка без рукавов с зелёным воротником, и он носит
джинсы. Очень любит животных.
Матроскин — полосатый говорящий кот. Склонен к рациональному
мышлению — предпочитает из всего извлекать материальную
пользу.
Шарик — бездомный добродушный деревенский пёс. Имеет
чувство юмора.
</p>
</body>
</html>

МАЛАЯ КОМПЬЮТЕРНАЯ АКАДЕМИЯ


Веб-дизайн – Junior (HTML & CSS)
3

Домашнее задание №1

Результат работы: ссылка на проект в вашем аккаунте


CodePen.

Задание №2
На основе кода, который представлен в задании 1,
напишите о всех персонажах мультфильма Про-
стоквашино используя теги, с которыми вы по-
знакомились на занятии.

Результат работы: ссылка на проект в вашем аккаунте


CodePen.

МАЛАЯ КОМПЬЮТЕРНАЯ АКАДЕМИЯ


Веб-дизайн – Junior (HTML & CSS)
Веб-дизайн
Junior (HTML&CSS)

Вам также может понравиться