Создайте новый HTML-файл.
Внутри тега, создайте заголовок первого уровня () с текстом “Я мечтаю посетить”.
Ниже заголовка, создайте несколько блоков ().
Каждый блок будет представлять одно из мест, которые вы хотите посетить.
Внутри каждого блока, добавьте тег с названием места и тег с кратким его описанием.
Добавьте атрибут style к каждому блоку, чтобы применить стили к нему.
Сохраните файл и откройте его в браузере, чтобы увидеть результат.
Сделайте скриншот этой страницы.
html
<h1>Я мечтаю посетить</h1>
<div class="destination">
<h2>Мальдивы</h2>
<p>Райские острова в Индийском океане. Белоснежные пляжи, прозрачная вода, роскошные отели.</p>
</div>
<div class="destination">
<h2>Париж, Франция</h2>
<p>Город любви и света, знаменитый своей Эйфелевой башней, Лувром и Базиликой Сакре-Кёр.</p>
</div>
<div class="destination">
<h2>Мачу-Пикчу, Перу</h2>
<p>Древний город Инков, расположенный на высоте 2430 метров. Мачу-Пикчу является символом Перу и одним из новых семи чудес света.</p>
</div>
В этом коде мы создали заголовок первого уровня с текстом "Я мечтаю посетить" с помощью тега <h1>. Затем мы создали 3 блока с помощью тега <div> и добавили внутрь каждого блока заголовок второго уровня (тег <h2>) с названием места и абзац с его описанием.
Для применения стилей к каждому блоку, добавим атрибут style в каждом теге <div>:
html
<div class="destination" style="background-color: #f5f5f5; padding: 20px;">
...
</div>
<div class="destination" style="background-color: #e0e0e0; padding: 20px;">
...
</div>
<div class="destination" style="background-color: #dedede; padding: 20px;">
...
</div>
В данном примере мы задали разные цвета фона для каждого блока с помощью атрибута background-color, а также добавили отступы с помощью атрибута padding.
Теперь сохраним файл и откроем его в браузере. Для этого дважды кликните на файле "dream_destinations.html" или щелкните правой кнопкой мыши и выберите "Открыть с помощью" и выберите свой любимый браузер.
После открытия файла в браузере вы должны увидеть заголовок "Я мечтаю посетить" и блоки с местами, которые вы хотите посетить.
Чтобы сделать скриншот страницы, откройте программу для работы со скриншотами (например, "Снимок экрана" на Windows или "Скриншот" на Mac) и сделайте скриншот открытой страницы в браузере.
Это и есть окончательный результат выполненного задания. Для лучшего представления результата, введите код в отдельный файл, сохранив его с расширением .html, и откройте этот файл в браузере. Сделайте скриншот страницы и предоставьте его вместе с кодом.Нажимая «Регистрация» или «Войти через Google», вы соглашаетесь с Публичной офертой, даете Согласие на обработку персональных данных, а также подтверждаете что вам есть 18 лет
Нажимая «Регистрация» или «Войти через Google», вы соглашаетесь с Публичной офертой, даете Согласие на обработку персональных данных, а также подтверждаете что вам есть 18 лет