Мировые Информационные ресурсы - Коммуникации и связь - Скачать бесплатно
00:00:00GMT”>
Используется для обозначения годности документа.
<META http-equiv=”Content-Type” content=”txt/html;
charset=Windows1251”>
Указывает на тип документа, его отношение к текстовому документу
и его кодировка.
<META name=”DECRIPTION” content=”описание”>
Дает описание содержимого Web страницы.
<META name=”KEYWORDS” content=”…, …, …”
Ключевые слова указываются через запятую (можно пробел).
Определяет ключевые слова данного Web документа.
* Свойства HTML документа, обозначенные http-equiv передаются
на компьютер пользователя в составе HTTP заголовка. Браузер
обязательно интерпретирует http заголовок. Инструкции,
содержащиеся в http заголовке особенно важны для правильного
отображения HTML документа.
* Свойства HTML документа, определенные с помощью атрибута
name носят рекомендательный характер и в большинстве своем
игнорируются браузером.
Подобные МЕТА свойства (или свойства HTML документа)
обрабатываются поисковыми системами.
Пример.
<BODY BGCOLOR=”red”/”gray”/”# FFCC22”
BACKGROUND=1.jpg>
Структура дескриптора BODY
1.Атрибут bgcolor - для отображения фона HTML документа.
Пример.
bgcolor=”white” (black, blue и другие цвета)
Данному атрибуту может присваиваться свойство RGB (RGB - red,
green, blue).
Пример.
bgcolor=”#FFCC22”, где
FF - уровень красной составляющей, CC - уровень зеленой
составляющей, 22 - уровень синей составляющей.
В шестнадцатеричной системе исчисления FFFFFF - белый цвет,
000000 - черный цвет.
Данная кодировка (RGB) может использоваться во всем HTML
документе.
2. Атрибут background - определяет фон с помощью графического
формата.
Пример.
background=”2.jpg”
В значении атрибута указывается название документа и путь к нему.
(Если указано только название, то данный файл должен находиться в
той же папке, что и HTML документ).
Если путь указан так:
background=”/fold1/2.jpg”, то папка будет искаться начиная от
корневого каталога.
3. Атрибут TEXT.
Значения данного атрибута могут быть такими же, как у атрибута
bgcolor.
Эти же правила верны и для следующих атрибутов:
4. Атрибут LINK= определяет цвет ссылки.
5. Атрибут VLINK= определяет цвет уже посещенной ранее ссылки.
6.Атрибут ALINK= определяет цвет активной ссылки (то есть ссылки,
указывающей на текущий документ).
7. Атрибут TOPMARGIN=(верхнее поле).
8. Атрибут LEFTMARGIN=(левое поле).
Пример.
TOPMARGIN=”20” (в пунктах).
LEFTMARGIN=”10” (в пунктах).
Все содержимое HTML документа будет смещено относительно левого и
верхнего края HTML документа.
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
Пример парного дескриптора:
<BODY bgcolor=”…” LINK=”…”>
-----------------------
</BODY>
Форматирование текста
В HTML документе можно помещать комментарии (они игнорируются
браузером и используются для служебных целей).
Комментарии.
1) Одиночный дескриптор.
<!--
Все, что находится между первой и последней треугольной скобкой
считается комментарием.
-->
2) Парный дескриптор <COMMENT> .
<COMMENT>
------------------
</COMMENT>
Браузеры игнорируют “обычные” средства форматирования текста,
такие как последовательность пробелов, знаки табуляции, переводы
строки и прочие. Чтобы отформатировать документ используются
средства физического и логического форматирования.
К физическим относятся дескрипторы, которые определяют напрямую
внешний вид текста.
К логическим относятся дескрипторы, которые определяют логический
статус (значение) текста.
Физические средства форматирования.
1.Одиночный дескриптор <br> - перевод строки (разрыв строки)
.
2.Парный дескриптор <nobr>…</nobr> - запрещает разрыв
текста,
находящегося в контейнере. Данный дескриптор еще называют
дескриптор жесткого переноса.
По причине различных условий, в которых отражается HTML документ
(разные браузеры, видеорежимы, разрешение экрана) HTML документ
может отображаться с нарушением взаимного расположения элементов.
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
0x08 graphic
3. Одиночный дескриптор <wbr> - определяет место мягкого
переноса. Данный дескриптор используется совместно с дескриптором
<nobr> и размещается внутри его контейнера.
Браузер осуществляет перенос в соответствии с этим дескриптором
только в том случае, если строчка не помещается в ширину окна и
обычный перенос запрещен с помощью дескриптора <nobr>.
4. Парный дескриптор<p>…</p> - параграф или абзац. Текст,
находящийся внутри дескриптора оформляется в виде параграфа или
абзаца.
Атрибут ALIGN= выравнивание текста.
Возможные значения:
* =LEFT - по левому краю.
* =CENTER - по центру.
* =RIGHT - по правому краю.
5. Парные дескрипторы заголовка.
Бывают шести уровней:
<H1>…</H1>
… … …
<H6>…</H6>
Текст заголовка выравнивается, до и после текста интервал.
Допустимо использование атрибута ALIGN.
Данные дескрипторы имеют большое значение для повышения
информационной ценности документа в ”глазах” поисковой системы.
(Дескрипторы заголовка - один из основных инструментов для
повышения ценности).
6. Дескриптор <HR> - одиночный горизонтальный дескриптор.
Там где находится данный дескриптор, отображается горизонтальная
черта.
Атрибуты:
* ALIGN
* COLOR -цвет черты (значения как у background).
* WIDTH - ширина линии (в пунктах).
* SIZE - толщина линии (в пунктах).
* NOSHADE - без тени.
7. Парный дескриптор <FONT>…</ FONT >.
Предназначен для определения шрифта (начертания) отображаемого
текста (курсив и так далее).
Атрибуты:
* FACE - название шрифта.
Пример:
FASE=”Times New Roman”
Текст, который помещен внутри контейнера будет отображен данным
шрифтом. В связи с тем, что сложно угадать есть ли у пользователя
такой же шрифт, допускается перечисление нескольких шрифтов через
запятую в дескрипторе.
* COLOR
* SIZE=3 - по умолчанию. (Размер символов может быть от 1 до
7).
8.Одиночный дескриптор <BASEFONT>
Данный дескриптор устанавливает базовое значение текстовых
значений Web страниц, находящихся после <BASEFONT>. Атрибуты
как
у дескриптора <FONT>.
9. Парный дескриптор <PRE>…</ PRE > - дескриптор пре
форматирования.
Используется для форматирования текста стандартными способами
(табуляцией, последовательностью пробелов и так далее).
Пример:
<PRE>
_ _ _ _ _ _ _ _ _ _ _ _ _ _
|_ _ _ _ _ _ _|_ _ _ _ _ _ _|
|_ _ _ _ _ _ _|_ _ _ _ _ _ _|
</PRE>
10. Парный дескриптор <DIV>…</ DIV >
Используется для выравнивания группы элементов таблицы (группа -
несколько текстовых или графических элементов). Все, что внутри
таблицы выравнивается.
Пример:
<DIV>
Align
</DIV>
10. Парный дескриптор <Center>…</ Center >
Все содержимое контейнера данного дескриптора выравнивается по
центру.
Советы по форматированию текстовых фрагментов
1.Использовать мягкий контраст между фоном и текстом (например,
черный и белый).
2.Использовать как можно меньшее число шрифтов (2-3). Принято для
отображения заголовков использовать шрифты типа Arial (то есть
без засечек), а шрифты с засечками для самого текста (например,
ТАЙМС).
3.Реже используйте выделения, подчеркивания и жирные шрифты.
Существуют так же дескрипторы:
1. <b>…</b> - выделяет текст в контейнере с помощью
жирного
шрифта.
2. <i>…</i> - выделяет текст в контейнере с помощью
наклонного
текста (курсив).
Пример логического форматирования.
1) Парный дескриптор <CITE>…</ CITE >
Используется для цитат. Обычно браузером отображается в виде
курсива (наклонного текста).
2) Парный дескриптор <BLOCKQUOTE>…</BLOCKQUOTE>
Используется для выделения больших цитат. (Браузер обычно делает
отступ от левого края).
В большинстве случаев браузер не допускает пересечение
дескрипторов.
Пример пересечения:
<PRE>
<FONT>
</ PRE >
</ FONT >
(В лучшем случае просто не запустится).
Но есть и исключения, например
<b>…<i>…</b>…</i>
В том месте, где пересеклись дескрипторы <i> и <b>, текст
будет
выделен жирным курсивом.
3) Парный дескриптор <U>…</U> - подчеркивание.
Специальные символы
Используются для отображения символов, которые являются в HTML
управляющими и не могут быть отображены обычными способами.
Например, (>) - больше или (<) - меньше. Браузер ее
воспринимает
как начало контрольной последовательности.
Для того чтобы все-таки отобразить эту скобку необходимо набрать
последовательность:
1. < - отобразится левая скобка.
2. > - отобразится правая скобка.
3. © - отобразится значок авторского права.
4. ° - отобразится значок температуры.
5. отобразится символ пробела (жесткого пробела). Если
пробел указан с помощью данного специального символа, то
разрыв строки не допускается, так как браузер будет видеть
слова и пробелы как одно слово.
Сложное форматирование
В отличие от простого форматирования символов и абзацев в HTML
сложное форматирование производится с помощью многоуровневых
конструкций, основу которых составляет дескриптор, задающий
способ форматирования (список, таблица) и элементы более низкого
уровня, используемые непосредственно для отображения текста.
Пример:
<OL>
<LI>abc</LI>
<LI>def</LI>
</OL>
Данная конструкция формирует нумерованный список, при этом
дескриптор <OL> является дескриптором, который определяет
способ
форматирования. В браузере отобразится:
1.abc или a. abc
2.def b. def
1. Парный дескриптор <LI>…</LI> (от английского слова
List -
список) используется для отображения элементов списка. Атрибутов
не имеет.
2. Парный дескриптор <OL>…</OL> - формирует нумерованный
список
(или упорядоченный).
* Изменение способа нумерации производится с помощью атрибута
TYPE.
Например:
<OL TYPE=[1/a/A/I] , где
1 - арабские цифры.
а - прописные буквы.
А - заглавные буквы.
I - римские цифры.
* Атрибут START позволяет указать номер, с которого начинается
нумерация.
Например, если START=3, то нумерация начнется с трех или с буквы
“c”.
2. Парный дескриптор <UL>…</UL>
Формирует не упорядоченный список (маркерный).
* abc
* def
Например:
<UL TYPE=disc, square, circle>
<LI>abc</LI>
</UL>
Где disc - жирная точка; square - квадрат; circle - не
закрашенная окружность.
При отображении элементов списка браузер делает отступ слева.
Многоуровневые списки.
Например:
<UL TYPE=disc, square, circle>
<LI>abc</LI>
<UL>
<LI>def</LI>
<LI>ghi</LI>
</UL>
</UL>
Отобразиться:
* abc
* def
* ghi
Браузер будет делать очередной отступ слева.
Таблицы.
1. Парный дескриптор <TABLE>…</TABLE>
В его контейнере должны быть сформированы элементы таблицы
(ячейки) в которых и будет информация.
2. Парный дескриптор <TR>…</TR> - формирует строку
таблицы.
|
