Задание № 5. Создание html-страницы с использованием внутренних стилей CSS

Создать в текстовом редакторе HTML-документ с исходными данными в задании, и выполнить следующие действия:

· написать HTML код будущей страницы;

· добавить все элементы, указанные в задании;

· применить стили CSS, указанные в задании;

· открыть и протестировать HTML-страницу в браузере.

Вариант 1. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 3 строк и 3 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#E2E2E2". Ширина таблицы = 500 пикселей. Расстояние между границей ячейки и ее содержимым = 15 пикселей. Толщина границы = 5 пикселей, цвет границы = "#008000". Цвет фона ячеек второго столбца таблицы = #FFFFCA". Шрифт для текста в таблице Arial, размер шрифта 14 пикселей, цвет шрифта "#000000", начертания шрифта - курсив. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 2. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 2 строк и 4 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#E2E2E2". Ширина таблицы = 900 пикселей. Расстояние между границей ячейки и ее содержимым = 20 пикселей. Толщина границы = 2 пикселей, цвет границы = "#000000". Цвет фона ячеек первого столбца таблицы = #CACACA". Шрифт для текста в таблице Times New Roman, размер шрифта 12 пикселей, цвет шрифта "#000000", начертания шрифта - жирное. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 3. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 4 строк и 3 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#EEEEEE". Ширина таблицы = 90%. Расстояние между границей ячейки и ее содержимым = 10 пикселей. Толщина границы = 6 пикселей, цвет границы = "#666666". Цвет фона ячеек первой строки таблицы = #CACACA". Шрифт для текста в таблице Times New Roman, размер шрифта 14 пикселей, цвет шрифта "#333333", начертания шрифта - обычное. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 4. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 2 строк и 4 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#AAA5A5". Ширина таблицы = 700 пикселей. Расстояние между границей ячейки и ее содержимым = 22 пикселей. Толщина границы = 3 пикселей, цвет границы = "#006600". Цвет фона ячеек третьего столбца таблицы = #CACACA". Шрифт для текста в таблице Arial, размер шрифта 16 пикселей, цвет шрифта "#003333", начертания шрифта - курсив. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 5. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 4 строк и 2 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#A4A4A4". Ширина таблицы = 760 пикселей. Расстояние между границей ячейки и ее содержимым = 10 пикселей. Толщина границы = 7 пикселей, цвет границы = "#006600". Цвет фона ячеек второго столбца таблицы = #CAFFFF". Шрифт для текста в таблице Times New Roman, размер шрифта 15 пикселей, цвет шрифта "#333333", начертания шрифта - жирное. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 6. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 3 строк и 2 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#EEAAAA". Ширина таблицы = 100%. Расстояние между границей ячейки и ее содержимым = 15 пикселей. Толщина границы = 8 пикселей, цвет границы = "#555555". Цвет фона ячеек третьей строки таблицы = #CACACA". Шрифт для текста в таблице Verdana, размер шрифта 14 пикселей, цвет шрифта "#000033", начертания шрифта - обычное. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 7. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 2 строк и 3 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#BBBBBB". Ширина таблицы = 650 пикселей. Расстояние между границей ячейки и ее содержимым = 10 пикселей. Толщина границы = 2 пикселей, цвет границы = "#000077". Цвет фона ячеек второго столбца таблицы = #FFBABA". Шрифт для текста в таблице Arial, размер шрифта 13 пикселей, цвет шрифта "#006600", начертания шрифта - курсив. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 8. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 3 строк и 2 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#E2E2E2". Ширина таблицы = 1000 пикселей. Расстояние между границей ячейки и ее содержимым = 13 пикселей. Толщина границы = 5 пикселей, цвет границы = "#000088". Цвет фона ячеек первого столбца таблицы = #CAFFFF". Шрифт для текста в таблице Verdana, размер шрифта 15 пикселей, цвет шрифта "#660000", начертания шрифта - жирное. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 9. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 2 строк и 5 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#EEEEEE". Ширина таблицы = 95%. Расстояние между границей ячейки и ее содержимым = 12 пикселей. Толщина границы = 4 пикселей, цвет границы = "#662266". Цвет фона ячеек первой строки таблицы = #FFCACA". Шрифт для текста в таблице Times New Roman, размер шрифта 15 пикселей, цвет шрифта "#330000", начертания шрифта - обычное. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 10. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 3 строк и 2 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#AABBFF". Ширина таблицы = 600 пикселей. Расстояние между границей ячейки и ее содержимым = 25 пикселей. Толщина границы = 5 пикселей, цвет границы = "#000000". Цвет фона ячеек второго столбца таблицы = #CAFFFF". Шрифт для текста в таблице Arial, размер шрифта 14 пикселей, цвет шрифта "#000000", начертания шрифта - курсив. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 11. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 4 строк и 4 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#BBBBBB". Ширина таблицы = 840 пикселей. Расстояние между границей ячейки и ее содержимым = 25 пикселей. Толщина границы = 8 пикселей, цвет границы = "#009900". Цвет фона ячеек четвертого столбца таблицы = #CABBCA". Шрифт для текста в таблице Tahoma, размер шрифта 13 пикселей, цвет шрифта "#336633", начертания шрифта - жирное. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 12. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 3 строк и 3 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#EEAAEE". Ширина таблицы = 80%. Расстояние между границей ячейки и ее содержимым = 20 пикселей. Толщина границы = 5 пикселей, цвет границы = "#559955". Цвет фона ячеек третьей строки таблицы = #CACACA". Шрифт для текста в таблице Verdana, размер шрифта 14 пикселей, цвет шрифта "#000033", начертания шрифта - обычное. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 13. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 2 строк и 6 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#AAААFF". Ширина таблицы = 950 пикселей. Расстояние между границей ячейки и ее содержимым = 14 пикселей. Толщина границы = 5 пикселей, цвет границы = "#000099". Цвет фона ячеек четвертого столбца таблицы = #BBFFFF". Шрифт для текста в таблице Arial, размер шрифта 15 пикселей, цвет шрифта "#555555", начертания шрифта - курсив. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 14. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 3 строк и 2 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#BBBBBB". Ширина таблицы = 760 пикселей. Расстояние между границей ячейки и ее содержимым = 21 пикселей. Толщина границы = 4 пикселей, цвет границы = "#552200". Цвет фона ячеек первого столбца таблицы = #BBBBBB". Шрифт для текста в таблице Tahoma, размер шрифта 13 пикселей, цвет шрифта "#336655", начертания шрифта - жирное. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.

Вариант 15. Создайте новую Web-страницу. Разместите на странице таблицу, состоящую из 3 строк и 4 столбцов. Выровняйте таблицу по центру страницы. Цвет заднего фона таблицы = "#EEBBAA". Ширина таблицы = 75%. Расстояние между границей ячейки и ее содержимым = 16 пикселей. Толщина границы = 5 пикселей, цвет границы = "#559955". Цвет фона ячеек второй строки таблицы = #CACACA". Шрифт для текста в таблице Verdana, размер шрифта 13 пикселей, цвет шрифта "#330033", начертания шрифта - обычное. Все свойства таблицы и ее содержимого должны хранится во внешнем файле CSS.