Индивидуальный рабочий лист
Предмет: Информатика
Класс: 10
Тема: Структура веб-страницы
ФИО педагога: ____________________
Школа: ____________________
ФИ ученика: Дата:
Инструкция для ученика
Внимательно прочитай каждый вопрос и выполни задания в указанном порядке. Теги HTML записываются в треугольных скобках, например <html>. Ответы записывай в отведённых для этого местах. Задания оцениваются в баллах, старайся набрать максимум!
1 Теоретический опрос 2 балла
Вопрос: Напиши назначение каждого из перечисленных тегов. Заполни таблицу.
| Тег | Назначение (своими словами) | Пример использования |
|---|---|---|
| <html> | ||
| <head> | ||
| <body> | ||
| <h1> | ||
| <p> | ||
| <ul> | ||
| <li> |
Подсказка: вспомни, как мы сравнивали страницу с домом: фундамент, "мозг", "тело".
2 Практическое задание: Собери скелет страницы 3 балла
Расставь строки кода в правильном порядке, чтобы получился корректный HTML-документ. Запиши цифры в правильной последовательности в ответе.
1. </html>
2. <head><title>Моя страница</title></head>
3. <body><p>Привет!</p></body>
4. <html>
5. <h1>Заголовок</h1>
Задание: Восстанови правильную последовательность тегов (просто укажи порядок цифр через запятую).
Ответ: ____________________________________________________
Вспомни: сначала корневой элемент , потом , после . Внутри — заголовки и абзацы.
3 Творческая лаборатория 2 балла
Придумай и запиши структуру веб-страницы для своей личной странички. Используй обязательно теги: <html>, <head>, <body>, <h1> (заголовок — твоё имя), <p> (пара о себе), <ul> (список твоих хобби с 3 элементами <li>).
Напиши код в поле ниже:
<!-- Твой код начни здесь -->
4 Исправь ошибки 2 балла
В коде ниже допущены ошибки. Найди и исправь их: перепиши код правильно в поле для ответа.
<body>
<h1>Это заголовок</h2> <!-- ошибка в теге -->
<p>Это абзац без закрывающего тега
<ul>
<li>Пункт 1
<li>Пункт 2
</ul>
</body>
<html> <!-- порядок нарушен -->
Задание: Перепиши исправленный код полностью: