31 задание при изучении HTML

31 задание при изучении HTML.

ЗАДАНИЕ № 1: В HTML-коде страницы изображенном на экране, измените заголовок и просмотрите полученный результат.

ЗАДАНИЕ № 2: изменяя название файла фонового изображения (fon2, fon3 ... fon10) в HTML-коде, просмотрите как изменяется фон документа.

ЗАДАНИЕ № 3: Используя, вышеперечисленные названия цветов в HTML-коде найдите цвет фона указанного в примере.

ЗАДАНИЕ № 4: в HTML-коде определите темно-синий цвет текста на желтом фоне и желтый цвет текста на темно-синем фоне. Название цветов: желтый - yellow, темно-синий - blue.

ЗАДАНИЕ № 5: Создайте HTML-код для отображение заголовков в окне браузера, аналогично расположенным заголовкам при просмотре примера.

ЗАДАНИЕ № 6: исправьте HTML-код, чтобы каждая строка стихотворения представляла новый абзац с соответствующим выравниванием (образец визуализируется при нажатии на кнопку 'пример').

ЗАДАНИЕ № 7: использую дескриптор предварительного форматирования

ЗАДАНИЕ № 8: В HTML-коде страницы, изображенном на экране, создайте 4 элемент нумерованного списка, указав нумерацию с помощью заглавных римских чисел, начиная с II и просмотрите полученный результат.

ЗАДАНИЕ № 9: В HTML-коде страницы, изображенном на экране, создайте 4 элемент маркированного списка, указав квадратный маркер и просмотрите полученный результат.

ЗАДАНИЕ № 10: В HTML-коде страницы, изображенном на экране, создайте список определений:информация, информатика, алгоритм, выделяя термины жирным шрифтом

ЗАДАНИЕ № 11: В HTML-коде страницы, изображенном на экране, создайте трехуровневый вложенный список, который содержит список определений, маркированный и нумерованный, содержащий 1 и 3-ий элементы, списки находящиеся на 1,2,3 уровнях соответственно.

ЗАДАНИЕ № 12: изменяя название файла изображения (anim2, anim3 ... anim6) в HTML-коде, просмотрите как изменяется изображение на экране.

ЗАДАНИЕ № 13: В HTML-коде страницы, изображенном на экране, изменить положение изображения так, чтобы она находилась по центру, в правом углу документа. Проделайте эту операцию с изображениями foto1.jpg..foto6.jpg

ЗАДАНИЕ № 14: Создайте таблицу с 3-мя столбцами и 4-мя строками, изменяя данную

ЗАДАНИЕ № 15:

                    1. Добавить в таблицу из примера описание тега                     2. Создать таблицу, аналогичную таблице из примера с описанием тегов списков                     3. Создайте таблицу 6х6, в которой цвета ячеек меняются по спирали от самого светлого оттенка к более темному.                     4. Таблицы широко используются для создания структуры главного документа страницы и создания меню. На главной странице вашей личной страницы создайте такую структуру

ЗАДАНИЕ № 16: Измените HTML-код страницы так, чтобы фреймы располагались вертикально

ЗАДАНИЕ № 17: В HTML-коде страницы измените расположение фреймов так, чтобы получилась следующая страница:

ЗАДАНИЕ № 18: Создайте структуру, подобную показанной в примере, для своей домашней страницы.

ЗАДАНИЕ № 19: Ввести в форму непоказанные в примере элементы TYPE и проанализировать их работу

ЗАДАНИЕ № 20: Создать форму для регистрации, используя поля Ф.И.О, пол, Адрес, E-MAIL, вопросы с вариантами ответа, комментарии, кнопки отправки и сброса

 ЗАДАНИЕ № 21: Оформить текст примера в следующем стиле(создать файл CSS и используя STYLE): Основной текст - шрифт Arial, размер 14, цвет фона - желтый; абзац - цвет текста - синий, красная строка - 50, выравнивание - по ширине; заголовок - ширина рамки - 1, цвет - красный, выравнивание - по центру, размер шрифта - 18; списки - цвет текста - зеленый, осттупы от краев - по 2 см, интервалы между буквами - 20, между словами - 30

ЗАДАНИЕ № 22: В приведенном примере добавьте строку синего текста с помощью JavaScript.

ЗАДАНИЕ № 23: Создать форму, которая будет иметь три элемента: поле ввода с просьбой ввести имя, при вводе которого в строке состояния должны появиться слова: «Впишите сюда свое имя»; два поля для флажков с вопросом о том, что больше нравится пользователю, мороженое или шоколад, которые должны отослать в строку состояния слова: «Вы выбрали...» и выбор пользователя; кнопку отправки данных, при нажатии на которую должно выскочить окно предупреждения, благодарящее пользователя за участие в опросе.

ЗАДАНИЕ № 24: Проанализировать текст примера и заменить операцию сложения на умножение, выведя на экран сомножители и результат

ЗАДАНИЕ № 25: В Блокноте создайте документ, в котором располагалась бы кнопка с соответствующими действиями из примера с добавлением надписи в строке состояния

ЗАДАНИЕ № 26: Написать скрипт, который просит пользователя перед открытием документа

ЗАДАНИЕ № 27: Найти максимальный элемент массива из 5 элементов. Результат вывести по щелчку на кнопке

ЗАДАНИЕ № 28: Написать скрипт, содержащий текущее время и дату в текстовых полях время и дата. Попробуйте создать изображение работающих часов

ЗАДАНИЕ № 29: Задан текст. Определить позицию первого символа "a" в тексте и вывести на экран строку, начиная с этого символа, длиной 3 символа 

ЗАДАНИЕ № 30: Создать форму для регистрации, используя поля Ф.И.О, пол, Адрес, E-MAIL, телефон, вопросы с вариантами ответа, комментарии, кнопки отправки и сброса Проверить соответствующие поля на наличие и корректность введенных данных.

ЗАДАНИЕ № 31: Создать объект для просмотра картинок(слайд-шоу), где по щелчку на кнопке происходит смена картинки