Повторення | HTML для дітей

Зміст:

Інтерв’ю

Повторення -наше все. Мета цього уроку – згадати все вивчене з HTML🙃. Не лякайтесь, буде цікаво! Сьогодні ми братимемо інтерв’ю і створимо сторінку про людину, у якої взяли інтерв’ю. Об’єднайтесь в пари в класі. Якщо робите завдання не на уроці, візьміть інтерв’ю у родини, знайомих чи друзів.

1: Відкрийте цей проєкт https://codepen.io/AnikaAmiga/pen/BaERENe?editors=1100 і зробіть з нього копію (кнопка Fork внизу справа)

Стилі, які тут використані, створюють акордеон. Це такий елемент, частини якого, як акордеон мона розгортати і згортати

2: Змініть назву в проєкті. Запишіть ім’я того, у кого берете інтерв’ю.

3: Як редагувати ? Відшукайте цей фрагмент коду:

<div class="tab">
  <input id="tab-one" type="checkbox" name="tabs">
  <label for="tab-one">Label One</label>
  <div class="tab-content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p>
  </div>
</div>

Змініть назву Label One на одне з питань у інтерв’ю. Також замініть червоний текст в інтерв’ю на текст відповіді. Також в цей блок можна додати картинки, списки, відео… все що завгодно!! Важливо: контент в середині вкладки має вміщатися на сторінку.

Питання і формат інтерв’ю на ваш розсуд. Але за бажання можна використати приклади питань для інтерв’ю нижче.

4: Як додати ще блоки ? Створіть пустий рядок прямо перед останнім закриваючим тегом div. Додайте туди :

    <div class="tab">
      <input id="tab-five" type="checkbox" name="tabs">
      <label for="tab-five">Label Five</label>
      <div class="tab-content">
        <p>5 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p>
      </div>
    </div>

Замініть слово five на інший номер вкладки, якого у вас ще немає. Наприклад, tab-six

Приклади питань для інтерв’ю

Примітка : респондент може не відповідати на питання, яке вважає особистим. В такому разі поставте інше питання.

Як тебе звуть?
Опиши себе трьома смайликами. (Смайли можна взяти тут : https://pl.piliapp.com/facebook-symbols/)
Опиши себе трьома словами
Який твій улюблений колір,
Улюблена тваринка?
Яке у тебе хоббі?
Які імена (чоловічі або жіночі) тобі подобаються ?
Якби у тебе був єдиноріг, як би ти його назвав (назвала) ?
Улюблений фільм ? книга ? мультик ?
У тебе є брати чи сестри ? Розкажи про них
Де ти живеш ?
Розкажи про свою школу та свій клас
Яка музика тобі подобається ?
Якби ти був\була тваринкою, то якою? Якби ти був\була машиною, то якою?
Яка твоя улюблена країна чи місто ?