Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Цветовая гамма HTML-документа
Цветовая гамма определяется несколькими атрибутами, рассмотрим их:
bgcolor - Определяет цвет фона документа.
text - Определяет цвет текста документа.
link - Определяет цвет ссылки (гипертекстовой ссылки).
vlink - Определяет цвет ссылки на документ, который уже был просмотрен ранее.
alink - Определяет цвет ссылки в момент, когда на нее указывает курсор мыши и нажата ее правая кнопка, то есть непосредственно перед переходом по ссылке.
Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатиричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF). Как кодируется каждый цвет в отдельности Вы можете посмотреть на странице Таблица цветов.
Рассмотрим все на примере:
bgcolor=#FFFFFF
Цвет фона. Насыщенность красным, зеленым и синим одинакова — FF (это шестнадцатеричное представление числа 255). Результат — белый цвет.
text=#000000
Цвет текста. Насыщенность красным, зеленым и синим одинакова — 00 (ноль). Результат — черный цвет.
link=#FF0000
Цвет гипертекстовой ссылки. Насыщенность красным — FF (255), зеленым и синим — 00 (ноль). Результат — красный цвет.
Кроме того, метка <BODY> может включать атрибут background="[имя файла]", который задает изображение, служащее фоном для текста и других изображений. Как и любое другое изображение, фон должен быть представлен в формате *. GIF, или *.jpg или *.jpeg
Браузеры заполняют множественными копиями изображения-фона все пространство окна, в котором открыт документ. Важно отметить, что цвет фона и изображение-фон никак не отображаются на бумаге при выводе HTML-документа на печать. По этому старайтесь не использовать текс белого цвета.
Заголовок HTML-документа
Заголовок HTML-документа, вообще говоря, не виден пользователю при просмотре. Однако в нем есть некоторые интересные особенности, которые стоит знать.
Заголовок HTML-документа может включать неограниченное количество так называемых META-инструкций. META-инструкция — это просто способ определить некоторую переменную путем указания ее имени (атрибут NAME) и значения (атрибут CONTENT). Вот некоторые наиболее типичные META-инструкции:
<META NAME="description" CONTENT="Это самоучитель для тех кто хочет изучить HTML">
Такая META-инструкция определяет переменную description, содержащую краткое описание документа. Многие поисковики ищут в HTML документах эту переменную, записывают ее значение в своих базах данных и при запросе выдают ссылку на соответствующую страницу на каком либо сайте.
<META NAME="keywords" CONTENT="Интернет, HTML, Сайтостроение, Заработок">
Такая META-инструкция определяет переменную keywords, содержащую набор ключевых слов, описывающих содержание документа. На практике поиск по ключевым словам очень удобно использовать при строительстве поискового механизма, работающего в пределах одного сервера.
Другая группа META-инструкций определяет эквиваленты команд протокола передачи гипертекстов. (Не переживайте, это не так страшно, как кажется на первый взгляд!) Разберем несколько примеров:
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1251">
Эта META-инструкция дает браузеру указание интерпретировать загружаемый документ как содержащий HTML-текст в кодировке Windows/1251.
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=koi8-r">
Эта META-инструкция абсолютно аналогична предыдущей, только в качестве кодировки указана КОИ-8.
<META HTTP-EQUIV="Refresh" CONTENT="[время]; URL=[документ]">
Такая META-инструкция дает браузеру примерно такое указание: "Если через [время] секунд после завершения загрузки этого документа пользователь не перейдет к другому документу, начать загрузку ресурса [документ]". Более конкретно это может выглядеть, к примеру, вот так:
<META HTTP-EQUIV="Refresh" CONTENT="10; URL=http://www.bsportal.com.ua/index.html">
Если пользователь не предпримет никаких видимых действий в течение 10 секунд после загрузки документа, содержащего такую инструкцию, автоматически будет загружен документ http://www.bsportal.com.ua/index.html.
META-инструкцию Refresh можно использовать, например, если Вы перенесли некоторый документ с одного сервера на другой. Вместо копии документа на старом сервере можно оставить короткое сообщение о переносе, включающее META-инструкцию Refresh и адрес документа на новом сервере.
Если в качестве параметра [документ] подставить имя файла, содержащего звук, через [время] секунд после загрузки HTML-файла начнется загрузка и проигрывание этого звука (при условии, конечно, что браузер пользователя поддерживает формат этого звукового файла). Очень удобно для всякого рода приветственных речей.
Пример
В отличие от всех примеров, которые мы рассматривали ранее, пример 9 состоит не из одного, а из трех файлов. Используя META-инструкцию Refresh, мы создадим небольшой слайд-фильм из трех кадров (файлов primer1.html, primer2.html и eprimer3.html), которые будут циклически повторяться. Для остановки демонстрации нужно будет воспользоваться любой из гипертекстовых ссылок.
<HTML><!--файл primer1.html -->
<HEAD>
<TITLE>Пример (слайд шоу)</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=primer2.html">
</HEAD>
<BODY bgcolor=#FFFFFF text=#000000 link=#FF0000>
<H1>Слайд-шоу сделанное с помощью <BR>
META-инструкции Refresh </H1>
<P>Черный текст на белом фоне </P>
<P>[<A HREF="urok4.html">Возврат к уроку</A>| <A HREF="index.html">На главную</A>]</P>
</BODY>
</HTML><!--конец файла primer1.html -->
<HTML><!--файл primer2.html -->
<HEAD>
<TITLE>Пример (слайд шоу)</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=primer3.html">
</HEAD>
<BODY bgcolor=#000000 text=#FFFFFF link=#FF0000>
<H1>Слайд-шоу сделанное с помощью <BR>
META-инструкции Refresh </H1>
<P>Белый текст на черном фоне </P>
<P>[<A HREF="urok4.html">Возврат к уроку</A>| <A HREF="index.html">На главную</A>]</P>
</BODY>
</HTML><!--конец файла primer2.html -->
<HTML><!--файл primer3.html -->
<HEAD>
<TITLE>Пример 9b</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=primer1.html">
</HEAD>
<BODY bgcolor=#C0C0C0 text=#0000FF link=#FF0000>
<H1>Слайд-шоу сделанное с помощью <BR>
META-инструкции Refresh </H1>
<P>Синий текст на сером фоне </P>
<P>[<A HREF="urok4.html">Возврат к уроку</A>| <A HREF="index.html">На главную</A>]</P>
</BODY>
</HTML><!--конец файла primer9b.html -->
Урок 5
Date: 2015-09-17; view: 333; Нарушение авторских прав; Помощь в написании работы --> СЮДА... |