СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до 18.07.2025

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Лабораторные работы по HTML

Категория: Информатика

Нажмите, чтобы узнать подробности

Лабораторные работы. Допуск к зачету для второго курса по предмету информатика. Картинки к лабораторным работам в галерее

Просмотр содержимого документа
«Лабораторные работы по HTML»

Задача 1. "Только день не повторится..."

Условие: создайте html-файл (кодировка utf-8) с заголовком "Задача 1", результат которого показан на рисунке. Используйте подходящий тег заголовков (-), теги
,

, , , , (необязательно все перечисленные). Выясните различие тегов и , тегов и . В html-код добавьте комментарии: дату решения данной задачи и ФИО.

Задача 2. "Заповедь"

Условие: создайте html-файл (кодировка utf-8) с заголовком "Задача 2", результат которого показан на рисунке. Используйте подходящий тег заголовков (h1-h6), теги
,

, , , , , , (необязательно все перечисленные). Обратите внимание, что шрифт фамилии автора меньшего размера. Заметим, что тег в разных браузерах может отображаться по-разному. В html-код добавьте условие данной задачи в виде комментариев.







Задача 4. "Проект"

Условие: создайте html-файл, результат которого показан на рисунке.

Задача 5. "Статьи"

Условие: Создайте html-файл, результат которого показан на рисунке.





Задача 6. "Генераторы"

Условие: создайте html-файл, результат которого показан на рисунке.

Задача 7. "Время"

Условие: cоздайте html-файл, результат которого показан на рисунке. Используйте теги ,, , .

Задача 3. "Silence is golden"

Условие: cоздайте html-файл, результат которого показан на рисунке. Использовать тег c заданием альтернативного текста и всплывающей подсказки. Размер самого файла изображения не менять.





Задача 8. "Код"

Условие: Создайте html-файл, результат которого показан на рисунке. Используйте тег и  

Задача 9. "Волшебные формулы"

Условие: Создайте html-файл, результат которого показан на рисунке.

Задача 10. "Странные буквы"

Условие: Создайте html-файл, результат которого показан на рисунке. Используйте тег abbr для оформления аббревиатур. Обратите внимание, что при наведении на аббревиатуру появляется подсказка. Кстати, последнюю строку на картинку тоже необходимо повторить, а также кавычки в заголовке.



Задача 11. "Химические элементы"

Условие: Создайте html-файл, результат которого показан на рисунке. Используйте теги html для оформления в виде таблицы. Обратите внимание, что в таблице присутствуют текстовые ссылки и ссылки-изображения.

Задача 12. "Карта сокровищ"



Условие: Создайте html-файл, результат которого показан на рисунке. Далее укажите на изображении ссылочные области: клад, акула, осьминог, корабль. При наведении курсора на ссылочную область должна появляться подсказка. Используйте тег для элемента под изображением, наглядно показывающем какая часть пути до клада пройдена.

Задача 13. "Запись на курсы"

Условие: Создайте html-файл, результат которого показан на рисунке. При клике на кнопку 'Очистить' поля формы обновляются, на кнопку 'Отправить' - происходит отправка данных на сервер методом POST.

"Центрированный блок"

Условие: Создайте html-файл, результат которого показан на рисунке. Блок с черной рамкой отцентрирован на странице по горизонтали.

"Центрированный блок 2"

Условие: Создайте html-файл, результат которого показан на рисунке. Блок с темным фоном отцентрирован на странице по горизонтали и по вертикали.

"Буква и строка"

Условие: Создайте html- и css- файлы, результат которых показан на рисунке.

"Всему свой резон"

Условие: Создайте html- и css- файлы, результат которых показан на рисунке.

"Полезные ссылки"

Условие: Создайте html- и css- файлы, результат которых показан на рисунке.

"Два принципа"

Условие: Создайте html- и css- файлы, результат которых показан на рисунке.



"Собираем проект"

Условие: Создайте html- и css- файлы, результат которых показан на рисунке.

"Разноцветные блоки"

Условие: Создайте html- и css- файлы, результат которых показан на рисунке.


Скачать

Рекомендуем курсы ПК и ППК для учителей

Вебинар для учителей

Свидетельство об участии БЕСПЛАТНО!