- •Основы создания html и css документов в программе Aptana Studio 3.
- •Введение
- •Основы создания html и css документов
- •Структура html документа
- •Создание html-документа
- •Просмотр документа в окне браузера
- •Разметка текста с помощью html
- •Атрибуты тегов
- •Заголовки
- •Неупорядоченный список
- •Упорядоченный список
- •Многоуровневый список
- •Список определений
- •Теги strong и b
- •Теги em и I
- •Теги br и hr
- •Абсолютные адреса
- •Относительные адреса
- •Ссылка с якорем
- •Всплывающая подсказка
- •Вставка изображения
- •Размеры изображения
- •Альтернативный текст
- •Изображение-ссылка
- •Выравнивание содержимого ячеек
- •Объединение ячеек в таблице
- •Заголовок таблицы
- •Расстояние между ячейками
- •Селекторы
- •Краткий перечень css-команд
- •Задания на лабораторные работы
- •Форматирование текста
- •Варианты заданий на форматирование текста
- •Варианты заданий на списки
- •1 Вариант
- •2 Вариант
- •3 Вариант
- •4 Вариант
- •5 Вариант
- •6 Вариант
- •7 Вариант
- •8 Вариант
- •9 Вариант
- •10 Вариант
- •11 Вариант
- •12 Вариант
- •Варианты заданий на таблицы
- •Список литературы
Варианты заданий на форматирование текста
Вариант 1
Сделать заголовок второго уровня, цвет текста зеленый, выравнивание по центру, текст заголовка "Заголовок второго уровня")
Задать первый абзац: выравнивание по ширине, цвет текста задать в RGB-палитре (150,20,210), размер шрифта равен 7 миллиметрам, тип шрифта Comic Sans MS, шрифт сделать подчеркнутым. Текст абзаца "Это первый абзац, выровненный по ширине, цвет текста в RGB-палитре (150,20,210), размер шрифта равен 7 миллиметрам, тип шрифта Comic Sans MS, шрифт сделать подчеркнутым "
Задать второй абзац: выравнивание по правому краю, цвет текста задать в шестнадцатеричном написании ff33bb, размер шрифта равен 2 сантиметрам, тип шрифта Arial, слово второй курсив. Текст абзаца "Это второй абзац, выровненный по правому краю, цвет текста в шестнадцатеричном написании ff33bb, размер шрифта равен 2 сантиметрам, тип шрифта Arial, слово второй выделить курсивом"
Вариант 2
Сделать заголовок первого уровня, цвет текста красный, выравнивание по правому краю, текст заголовка "Заголовок первого уровня")
Задать первый абзац: выравнивание по центру, цвет текста задать в RGB-палитре (250,220,210), размер шрифта равен 1 сантиметру, тип шрифта Arial Black, шрифт сделать подчеркнутым. Текст абзаца "Это первый абзац, выровненный по центру, цвет текста в RGB-палитре (250,220,210), размер шрифта равен 1 сантиметру, тип шрифта Arial Black, шрифт сделать подчеркнутым "
Задать второй абзац: выравнивание по ширине, цвет текста задать в шестнадцатеричном написании ff44bb, размер шрифта равен 1дюйму, тип шрифта Century Schoolbook, слово абзац выделить курсивом. Текст абзаца "Это второй абзац, выравненный по ширине, цвет текста в шестнадцатеричном написании ff44bb, размер шрифта равен 1 дюйму, тип шрифта Century Schoolbook, слово абзац выделить курсивом "
Вариант 3
Сделать заголовок второго уровня, цвет текста синий, выравнивание по центру, текст заголовка "Заголовок второго уровня")
Задать первый абзац: выравнивание по ширине, цвет текста задать в RGB-палитре (50,200,210), размер шрифта равен 2 сантиметрам, тип шрифта Century Gothic, слово абзац сделать жирным. Текст абзаца "Это первый абзац, выровненный по ширине, цвет текста в RGB-палитре (50,200,210), размер шрифта равен 2 сантиметрам, тип шрифта Century Gothic, слово абзац сделать жирным "
Задать второй абзац: выравнивание по правому краю, цвет текста задать в шестнадцатеричном написании ff33aa, размер шрифта равен 8 миллиметрам, тип шрифта Arial Unicode MS, шрифт сделать подчеркнутым. Текст абзаца "Это второй абзац, выровненный по правому краю, цвет текста в шестнадцатеричном написании ff33aa, размер шрифта равен 8 миллиметрам, тип шрифта Arial Unicode MS, шрифт сделать подчеркнутым"
Вариант 4
Сделать заголовок третьего уровня, цвет текста желтый, выравнивание по правому краю, текст заголовка "Заголовок третьего уровня")
Задать первый абзац: выравнивание по центру, цвет текста задать в RGB-палитре (250,0,210), размер шрифта равен 6 миллиметрам, тип шрифта Arial Black, шрифт сделать подчеркнутым. Текст абзаца "Это первый абзац, выровненный по центру, цвет текста в RGB-палитре (250,0,210), размер шрифта равен 6 миллиметрам, тип шрифта Arial Black, шрифт сделать подчеркнутым "
Задать второй абзац: выравнивание по ширине, цвет текста задать в шестнадцатеричном написании dd44bb, размер шрифта равен 1 дюйму, тип шрифта Century Schoolbook, слово абзац сделать жирным. Текст абзаца "Это второй абзац, выровненный по ширине, цвет текста в шестнадцатеричном написании dd44bb, размер шрифта равен 1 дюйму, тип шрифта Century Schoolbook, слово абзац сделать жирным "
Вариант 5
Сделать заголовок второго уровня, цвет текста розовый, выравнивание по левому краю, текст заголовка "Заголовок второго уровня")
Задать первый абзац: выравнивание по ширине, цвет текста задать в RGB-палитре (150,20,10), размер шрифта равен 2 сантиметрам, тип шрифта Comic Sans MS, слово абзац сделать жирным. Текст абзаца "Это первый абзац, выровненный по ширине, цвет текста в RGB-палитре (150,20,10), размер шрифта равен 2 сантиметрам, тип шрифта Comic Sans MS слово абзац сделать жирным "
Задать второй абзац: выравнивание по правому краю, цвет текста задать в шестнадцатеричном написании сс3355, размер шрифта равен 4 миллиметрам, тип шрифта Verdana, слово второй выделить курсивом. Текст абзаца "Это второй абзац, выровненный по правому краю, цвет текста в шестнадцатеричном написании сс3355, размер шрифта равен 4 миллиметрам, тип шрифта Verdana, слово второй выделить курсивом "
Вариант 6
Сделать заголовок первого уровня, цвет текста коричневый, выравнивание по правому краю, текст заголовка "Заголовок первого уровня")
Задать первый абзац: выравнивание по центру, цвет текста задать в RGB-палитре (20,220,10), размер шрифта равен 2 пикам, тип шрифта Arial Black, шрифт сделать подчеркнутым. Текст абзаца "Это первый абзац, выровненный по центру, цвет текста в RGB-палитре (20,220,10), размер шрифта равен 2 пикам, тип шрифта Arial Black, шрифт сделать подчеркнутым "
Задать второй абзац: выравнивание по ширине, цвет текста задать в шестнадцатеричном написании aa44bb, размер шрифта равен 7 точкам, тип шрифта Century Schoolbook, слово второй сделать жирным. Текст абзаца "Это второй абзац, выровненный по ширине, цвет текста в шестнадцатеричном написании aa44bb, размер шрифта равен 7 точкам, тип шрифта Century Schoolbook, слово второй сделать жирным "
Вариант 7
Сделать заголовок первого уровня, цвет текста серый, выравнивание по центру, текст заголовка "Заголовок первого уровня")
Задать первый абзац: выравнивание по ширине, цвет текста задать в RGB-палитре (50,20,210), размер шрифта равен 6 точкам, тип шрифта Calibri, слово абзац выделить курсивом. Текст абзаца "Это первый абзац, выровненный по ширине, цвет текста в RGB-палитре (50,20,210), размер шрифта равен 6 точкам, тип шрифта Calibri, слово абзац выделить курсивом "
Задать второй абзац: выравнивание по правому краю, цвет текста задать в шестнадцатеричном написании 6633aa, размер шрифта равен 5 миллиметрам, тип шрифта Monotype Corsiva, шрифт сделать подчеркнутым. Текст абзаца "Это второй абзац, выровненный по правому краю, цвет текста в шестнадцатеричном написании 6633aa, размер шрифта равен 5 миллиметрам, тип шрифта Monotype Corsiva, шрифт сделать подчеркнутым "
Вариант 8
Сделать заголовок третьего уровня, цвет текста малиновый, выравнивание по правому краю, текст заголовка "Заголовок третьего уровня")
Задать первый абзац: выравнивание по центру, цвет текста задать в RGB-палитре (250,50,210), размер шрифта равен 6 миллиметрам, тип шрифта Arial Black, слово первый выделить курсивом. Текст абзаца "Это первый абзац, выровненный по центру, цвет текста в RGB-палитре (250,50,210), размер шрифта равен 6 миллиметрам, тип шрифта Arial Black, слово первый выделить курсивом "
Задать второй абзац: выравнивание по ширине, цвет текста задать в шестнадцатеричном написании dd88bb, размер шрифта равен 7 точкам, тип шрифта Century Schoolbook, слово цвет сделать жирным. Текст абзаца "Это второй абзац, выровненный по ширине, цвет текста в шестнадцатеричном написании dd88bb, размер шрифта равен 7 точкам, тип шрифта Century Schoolbook, слово цвет сделать жирным "
Вариант 9
Сделать заголовок первого уровня, цвет текста розовый, выравнивание по левому краю, текст заголовка "Заголовок первого уровня")
Задать первый абзац: выравнивание по ширине, цвет текста задать в RGB-палитре (150,20,100), размер шрифта равен 1 дюйму, тип шрифта Comic Sans MS, шрифт сделать подчеркнутым. Текст абзаца "Это первый абзац, выровненный по ширине, цвет текста в RGB-палитре (150,20,100), размер шрифта равен 1 дюйму, тип шрифта Comic Sans MS, шрифт сделать подчеркнутым "
Задать второй абзац: выравнивание по правому краю, цвет текста задать в шестнадцатеричном написании 773355, размер шрифта равен 2 сантиметрам, тип шрифта Georgia, слово второй сделать жирным. Текст абзаца "Это второй абзац, выровненный по правому краю, цвет текста в шестнадцатеричном написании 773355, размер шрифта равен 2 сантиметрам, тип шрифта Georgia, слово второй сделать жирным "
Вариант 10
Сделать заголовок третьего уровня, цвет текста коричневый, выравнивание по правому краю, текст заголовка "Заголовок третьего уровня")
Задать первый абзац: выравнивание по центру, цвет текста задать в RGB-палитре (20,220,150), размер шрифта равен 6 точкам, тип шрифта Arial Black, слово первый выделить курсивом. Текст абзаца "Это первый абзац, выровненный по центру, цвет текста в RGB-палитре (20,220,150), размер шрифта равен 6точкам, тип шрифта Arial Black, слово первый выделить курсивом "
Задать второй абзац: выравнивание по ширине, цвет текста задать в шестнадцатеричном написании aaddbb, размер шрифта равен 1 дюйму, тип шрифта Century Schoolbook, шрифт сделать подчеркнутым. Текст абзаца "Это второй абзац, выровненный по ширине, цвет текста в шестнадцатеричном написании aaddbb, размер шрифта равен 1 дюйму, тип шрифта Century Schoolbook, шрифт сделать подчеркнутым "
Вариант 11
Сделать заголовок первого уровня, цвет текста серый, выравнивание по центру, текст заголовка "Заголовок первого уровня")
Задать первый абзац: выравнивание по ширине, цвет текста задать в RGB-палитре (50,200,210), размер шрифта равен 2 пикам, тип шрифта Verdana, слово размер сделать жирным. Текст абзаца "Это первый абзац, выровненный по ширине, цвет текста в RGB-палитре (50,200,210), размер шрифта равен 2 пикам, тип шрифта Verdana, слово размер сделать жирным "
Задать второй абзац: выравнивание по правому краю, цвет текста задать в шестнадцатеричном написании 663399, размер шрифта равен 7 миллиметрам, тип шрифта Monotype Corsiva, шрифт сделать подчеркнутым. Текст абзаца "Это второй абзац, выровненный по правому краю, цвет текста в шестнадцатеричном написании 663399, размер шрифта равен 7 миллиметрам, тип шрифта Monotype Corsiva, шрифт сделать подчеркнутым "
Вариант 12
Сделать заголовок второго уровня, цвет текста малиновый, выравнивание по правому краю, текст заголовка "Заголовок второго уровня")
Задать первый абзац: выравнивание по центру, цвет текста задать в RGB-палитре (250,250,210), размер шрифта равен 6 миллиметрам, тип шрифта Arial Black, слово первый выделить курсивом. Текст абзаца "Это первый абзац, выровненный по центру, цвет текста в RGB-палитре (250,250,210), размер шрифта равен 6 миллиметрам, тип шрифта Arial Black, слово первый выделить курсивом "
Задать второй абзац: выравнивание по ширине, цвет текста задать в шестнадцатеричном написании 1188bb, размер шрифта равен 5 точкам, тип шрифта Century Schoolbook, слово Это сделать жирным. Текст абзаца "Это второй абзац, выровненный по ширине, цвет текста в шестнадцатеричном написании 1188bb, размер шрифта равен 5 точкам, тип шрифта Century Schoolbook, слово Это сделать жирным "
