📘 Индивидуальный рабочий лист
Предмет: Информатика
Класс: 10
Дата: _______________
Педагог: ____________________
Школа: ____________________
ФИ ученика: ______________________________
🌐 Тема: Разработка веб-приложения
Инструкция для ученика
Перед тобой 5 заданий. Выполняй их по порядку. Внимательно читай каждое задание. Если что-то непонятно — подними руку и спроси учителя. Ответы записывай прямо в лист. В заданиях, где нужно писать код, используй ручку или карандаш. У тебя всё получится!
📖 Короткая лекция. Записываем в тетрадь!
Что такое HTML? Это язык, с помощью которого создают веб-страницы. Представь, что HTML — это скелет страницы, а CSS — это одежда (цвета, размеры, расположение).
Главные теги (запиши в тетрадь):
<html>— начало страницы,</html>— конец.<head>— служебная часть (заголовок вкладки).<body>— всё, что мы видим на странице.<h1>...<h6>— заголовки (от большого до маленького).<p>— абзац текста.<ul>— маркированный список,<ol>— нумерованный список,<li>— элемент списка.<img>— картинка (атрибутsrc— путь к файлу,alt— подпись).<a>— ссылка (атрибутhref— куда ведёт ссылка).<table>— таблица,<tr>— строка,<td>— ячейка,<th>— ячейка-заголовок.colspan— объединение ячеек по горизонтали,rowspan— по вертикали.
Немного про CSS (запиши):
color— цвет текста.background-color— цвет фона.font-size— размер шрифта.margin— отступ снаружи элемента.padding— отступ внутри элемента.border— граница (рамка).display: flex;— включает гибкий блок (Flexbox) для размещения элементов в ряд или в колонку.
Важно: Теги пишутся в угловых скобках < >. Большинство тегов нужно закрывать: <тег> ... </тег>.
📝 Задание 1. Собери скелет страницы (2 балла)
Что нужно сделать: Ниже написаны строки HTML-кода, но они перепутаны. Расставь их в правильном порядке, чтобы получилась完整的 веб-страница. Запиши правильную последовательность номеров строк.