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

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

Урок 8: Цвет фона и текста

Урок 8: Цвет фона и текста - раздел Программирование, Изучение HTML языка Мы Уже Знаем Как Менять Цвет Текста, Но Для Этого Нам Нужно Было Заключать Ег...

Мы уже знаем как менять цвет текста, но для этого нам нужно было заключать его в теги font ,а это не всегда удобно. Иногда, лучше задать цвет текста для всего документа. Также, можно задать и фоновое изображение.

Вот необходимые атрибуты:

BACKGROUND – определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG.

BGCOLOR – определяет цвет фона документа.

TEXT – определяет цвет текста в документе.

Все они прописываются для элемента BODY. Значения цветов задаются либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

Пример1:

<!-- задаем фоновый цвет и цвет текста -->
<body bgcolor="#FFF8D2" text="red">
<p> Этот текст будет красный, потому что мы изменили цвет текста в теге БОДИ и теперь весь текст на странице по умолчанию будет красный </p>
<font color ="green">
<p> В этом абзаце текст будет зеленый, потому что мы заключили его в теги font и придали соответсвующий цвет </p>
</font>
<p> Теперь текст снова будет красный </p>
</body>

Результат в браузере:

 

Пример 2:

<!-- задаем фоновое изображение и цвет текста -->
<body background="fon.jpg" text="red">
<p> Этот текст будет красный, потому что мы изменили цвет текста в теге БОДИ и теперь весь текст на странице по умолчанию будет красный </p>
<p>Теперь тут тоже красное и только <font color ="green"> эти слова зеленые</font>
</p>
<p> Тут как вы поняли текст тоже красный</p>
</body>

Результат в браузере:

Ничего сложного нет. Экспериментируйте, практикуйтесь и все получится!


 

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

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

Изучение HTML языка

Рад что вы решили приступить к изучению моего учебника по html Поверьте мне в нем нет ничего сложного и уже через час вы создадите свою первую... Что понадобится нам для обучения... Браузер и Блокнот или аналогичный простой редактор вот вс что вам необходимо для работы с данным учебником Раз...

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

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

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

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

Термина используемые по ходу обучения
Тег – оформленная единица HTML-кода. Например, <html >, <body>,<h1>,<h2> и так далее. Все тэги имеют одинаковый формат: они начинаются знаком "<&quo

Урок 2: Создаем свою первую страничку
Давайте сразу учиться все делать правильно. Хоть это и самая примитивная страничка создадим ее по всем правилам(они пригодятся при работе с Adobe Dreamweaver). ШАГ 1:

Как видите текст содержащийся в элементе DIV выделился в отдельную строку!
↑ Наверх ↑   SPAN - Используется для выделения части и

HR-служит для вставки в текст горизонтальной линии. Закрывающего тега нет!
Атрибуты: WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера. SIZE – толщина линии в пикселах.

Если нужно сделать ссылку между собственными страницами?
  Сделать html ссылку между страницами одного и того же веб-сайта гораздо проще. Например, если у нас есть две страницы(к примеру page1.htm и page2.htm

А если надо сделать ссылку внутри страницы?
  Бывают случаи когда необходимо сделать ссылку с начала страницы в конец или наоборот, или к примеру с оглавления на главы и.т.д. Сделать ее очень просто! Необходимо пометить место д

А можно сделать ссылку на почту?
Конечно можно. Вот пример ссылки на е-mail сайта zvirec.com . <a href="mailto:admin@zvirec.com">Написать письмо админу zvirec.com</a>

Урок 7: Работаем с изображениями
Изображения - это неотъемлемая часть любого сайта в сети интернет. Они используются везде, поэтому давайте разберемся что к чему. Есть три типа файлов изображений, которые можно вставить на ваши ст

А есть ещё атрибуты, которые нам необходимы?
Вот еще пара полезных атрибутов - ALT и TITLE . ALT - определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен

А как можно объединить ячейки?
  Для этого существуют данные атрибуты. COLSPAN – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1. ROWSPAN – опр

Урок 10: Что такое html формы и зачем они нужны.
Html формы - это наверное самая сложная часть языка html. Так что наберитесь терпения и давайте потихоньку начинать. Что такое html формы? Вот смотрите, ниже приведена html форма заказа об

Урок 11: Заканчиваем разбираться с формами
Нам осталось разобрать три элемента формы. Давайте по-порядку: <form name="primer6" method="post" action="obrabotchik.php"> <p>Выберите способ

Урок 12: Смотрим форму в действии
В этом уроке я, как и обещал, дам вам простейший обработчик и расскажу как протестировать форму. Будем тестировать вот такую форму. Введите ФИО: Введите пароль:

Урок 13: Пару слов про голову документа
Все это время мы говорили про тело документа и уже научились делать свои страницы. Поговорим теперь про голову документа. В первом уроке я говорил, что голова документа открывается те

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