- •Основы создания 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 Вариант
- •Варианты заданий на таблицы
- •Список литературы
11 Вариант
font-size
font-variant
text-transform
lowercase
преобразует текст в строчные буквы
uppercase
преобразует текст в прописные буквы
capitalize
преобразует все начальные буквы слов в прописные
text-decoration
underline
подчеркивание
line-through
зачеркивание (оно используется, к примеру, чтобы выделить
неверные или неактуальные идеи в тексте)
overline
надчеркивание (добавляет линию над текстом)
none
удаляет любой вид линий
line-height
pt
Единицами измерения служат точки
%
Единицами измерения служат проценты
font-weight
12 Вариант
font-size
font-variant
text-transform
lowercase
преобразует текст в строчные буквы
uppercase
преобразует текст в прописные буквы
capitalize
преобразует все начальные буквы слов в прописные
text-decoration
underline
подчеркивание
line-through
зачеркивание (оно используется, к примеру, чтобы выделить
неверные или неактуальные идеи в тексте)
overline
надчеркивание (добавляет линию над текстом)
none
удаляет любой вид линий
line-height
pt
Единицами измерения служат точки
%
Единицами измерения служат проценты
font-weight
Варианты заданий на таблицы
Во всех таблицах сделать: ширину 20%, высоту 200, совпадение границ, значение border равное 1. Задание выполнить с использованием двух файлов html и css.
1 Вариант
1,4,10-цвет фона синий, цвет шрифта белый 3,5,9-цвет фона желтый, цвет шрифта красный 2,6,8-цвет фона голубой, цвет шрифта зеленый 7-цвет фона красный, размер шрифта 20 точек |
2 вариант
1,3,9-цвет фона черный, цвет шрифта белый 2,5,7-цвет фона коричневый, цвет шрифта желтый 4,6,10-цвет фона красный, цвет шрифта зеленый 8-цвет фона синий, размер шрифта 20 точек |
|||||||||||||||||||||||||||||||||
3 вариант
1,6,7-цвет фона синий, цвет шрифта желтый 2,5,9-цвет фона малиновый, цвет шрифта зеленый 3,4,8-цвет фона серый, цвет шрифта голубой 10-цвет фона желтый, размер шрифта 14 точек
|
4 вариант
2,3,8-цвет фона синий, цвет шрифта белый 1,5,7-цвет фона зеленый, цвет шрифта красный 4,6,10-цвет фона желтый, цвет шрифта малиновый 9-цвет фона голубой, размер шрифта 14 точек
|
|||||||||||||||||||||||||||||||||
5 вариант
1,2,7-цвет фона красный, цвет шрифта желтый 3,4,8-цвет фона черный, цвет шрифта белый 5,6,9-цвет фона голубой, цвет шрифта зеленый 10-цвет фона зеленый, размер шрифта 14 точек
|
6 вариант
2,6,9-цвет фона желтый, цвет шрифта коричневый 1,4,7-цвет фона зеленый, цвет шрифта голубой 5,8,10-цвет фона синий, цвет шрифта белый 3-цвет фона малиновый, размер шрифта 14 точек
|
|||||||||||||||||||||||||||||||||
7 вариант
4,5,9-цвет фона малиновый, цвет шрифта синий 1,3,7-цвет фона желтый, цвет шрифта красный 6,8,10-цвет фона синий, цвет шрифта голубой 2-цвет фона серый, размер шрифта 14 точек
|
8 вариант
1,6,8-цвет фона желтый, цвет шрифта синий 2,4,9-цвет фона синий, цвет шрифта белый 3,5,10-цвет фона серый, цвет шрифта малиновый 7-цвет фона зеленый, размер шрифта 14 точек
|
|||||||||||||||||||||||||||||||||
9 вариант
2,5,7-цвет фона синий, цвет шрифта белый 3,4,9-цвет фона голубой, цвет шрифта зеленый 6,8,10-цвет фона желтый, цвет шрифта коричневый 1-цвет фона красный, размер шрифта 14 точек
|
10 вариант
4,6,10-цвет фона красный, цвет шрифта белый 1,3,8-цвет фона зеленый, цвет шрифта желтый 2,5,9-цвет фона голубой, цвет шрифта синий 7-цвет фона синий, размер шрифта 14 точек
|
|||||||||||||||||||||||||||||||||
11 вариант
1,4,5-цвет фона зеленый, цвет шрифта красный 2,5,6-цвет фона черный, цвет шрифта малиновый 3,7,10-цвет фона синий, цвет шрифта белый 8-цвет фона голубой, размер шрифта 14 точек
|
12 вариант
3,4,10-цвет фона синий, цвет шрифта красный 1,2,7-цвет фона зеленый, цвет шрифта голубой 5,8,9-цвет фона розовый, цвет шрифта коричневый 6-цвет фона малиновый, размер шрифта 14 точек
|
|||||||||||||||||||||||||||||||||