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

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

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

Изменение цвета и фона документа - раздел Программирование, Методическое пособие по созданию 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>

<body text="#cc0000" bgcolor="#ffff00">

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

<br>

<br>

<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>, который требует обязательного присутствия закрывающего тега. Любая таблица состоит из ряда (тег-контейнер <

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги