рефераты конспекты курсовые дипломные лекции шпоры

Раздел Программирование
/
Изменение цвета и фона документа

Реферат Курсовая Конспект

Выберите учебное заведение

Изменение цвета и фона документа

Изменение цвета и фона документа - раздел Программирование, Методическое пособие по созданию HTML-странички Для Изменения Цвета В Используются Несколько Вариантов Представления Цвета. Р...

Для изменения цвета в используются несколько вариантов представления цвета. Рассмотрим 2 из них:

1 Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:

две первые цифры — красный;

две в середине — зелёный;

две последние цифры — синий;

Например: text="#00сс00" задаем цвет текста зеленый

2 Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах.

Например: bgcolor="black" задаем цвет фона черный;

Таблица 1 Коды основных цветов

Цвет	Код	Цвет	Код	Цвет	Код	Цвет	Код
aqua (морская волна, cyan)	#00ffff	black (чёрный)	#000000	blue (синий)	#0000ff	fuchsia (фуксия, magenta)	#ff00ff
gray (серый)	#808080	green (зелёный)	#008000	lime (лайм, lightgreen)	#00ff00	maroon (тёмно-бордовый)	#800000
navy (тёмно-синий)	#000080	olive (оливковый)	#808000	purple (пурпурный)	#800080	red (красный)	#ff0000
silver (серебряный)	#c0c0c0	teal (сине-зелёный)	#008080	white (белый)	#ffffff	yellow (жёлтый)	#ffff00

Немного переделаем наш файл Index.html в блокноте.

Используя Таблицу тэгов зададим атрибуты тэга body text и bgcolor зададим цвет текста – «красный» и цвет фона – «желтый» для нашей странички:

<html>

<head>

<title>Мой первый шаг </title>

</head>

Это моя первая страница

<br>

Добро пожаловать! :)

</body>

</html>

Сохраним файл и запустим его с помощью Google Chrome.

Фоном страницы также можно сделать картинку, предварительно подготовленную и помещенную в папку с файлом, или же конкретно указать путь откуда она будет взята. Обратите внимание на расширение файла картинки. Чтобы четче видеть текст изменим его цвет на белый.

Получаем примерно такую страничку:

Оказалось, что текст плохо различим на фоне рисунка.

Изменим размеры и цвет текста, а также его расположение. Воспользуемся тэгом Font:

FONT	управление шрифтами
color="#cc0000 - задает цвет для блока текста
size="+0" - задает размер шрифта текста (от -2 до +7)
face="Arial" - задает определенный тип шрифта

выберем размер первой строки максимальный 7 и разместим ее по центру, размер второй строки сделаем размером 6 и выровняем по левому краю.

Посмотрим результат :

Развернуть

Открыть в широком формате

– Конец работы –

Эта тема принадлежит разделу:

Методическое пособие по созданию HTML-странички

Государственное бюджетное образовательное учреждение высшего профессионального образования... ПЕРВЫЙ МОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ МЕДИЦИНСКИЙ УНИВЕРСИТЕТ имени... Медико профилактический факультет...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Изменение цвета и фона документа

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Начало работы с HTML
Перед началом работы создадим на вашем компьютере отдельную папку для будущей страницы. Например, создадим на диске D папку Страничка: D:\Страничка Cегодня язык ра

Структура HTML-документа
Для начала следует понять, что HTML не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы размечаем текст, таблицы, картинки и т.д. на нашей

Lt;body> </body> - открывающий и закрывающий тэги тело документа
Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации Некоторые тэги, вроде <br>, не требуют закрывающего тэга. Например &l

Нумерованные списки
Нумерованный список часто называется упорядоченным (Ordered List) и представляет собой определенную последовательность элементов. Для создания нумерованного списка используется тег

Создание простейших таблиц
Основным тегом-контейнером таблицы является тег <TABLE>, который требует обязательного присутствия закрывающего тега. Любая таблица состоит из ряда (тег-контейнер <