Урок 2. Домашнее задание.

Курс html/css для подростков 12+

Урок 2. Домашнее задание.

Домашнее задание к уроку 2. Страница о любимом фильме.


 

Создать страницу о любимом фильме (мультике) используя все изученные технологии. Пример: 

 

 

Код. 

<!DOCTYPE html> 

<html lang="en"> 

<head> 

    <meta charset="UTF-8"> 

    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

    <title>Матрица</title> 

    <style> 

        body { 

            background-image: url('matrix-background.webp'); 

            color:white; 

        } 

        h1 { 

            text-align: center; 

            font-size: 40px; 

        } 

        .image-container { 

            text-align: center; 

        } 

        .image { 

            border: solid white 8px; 

            border-radius: 15px; 

            width: 50%; 

        } 

        .paragraph { 

            font-size: 20px; 

            background-color:aquamarine; 

            color:brown; 

            padding: 10px; 

            border-radius: 15px; 

            margin: 10px 40px; 

        } 

    </style> 

</head> 

<body> 

    <h1>Матрица</h1> 

    <figure class="image-container"><img class="image" src="matrix-heroes.webp"></figure> 

    <p class="paragraph">Культовый фантастический боевик, в котором Киану Ривз противостоит разумной виртуальной вселенной. Привычный мир хакера Нео (Киану Ривз) навсегда разрушен. Он в замкнутом пространстве корабля, из которого нет выхода. Окружающие твердят, что Нео — Избранный, его рошлая жизнь — иллюзия, созданная суперкомпьютером. Человечество погружено в сладкий сон и служит батарейками для машин. И Нео предстоит выяснить, правда ли это.</p> 

     

</body> 

</html> 

 

 

Примечание: обязательно должны быть заголовок (h1), картинка и абзац с описанием. Все необходимо стилизовать. За основу можно использовать код из примера. Но фильм (мультик) должны быть свои, так же стилистика то же своя.