Главная Обратная связь
Дисциплины:
Архитектура (936)
Биология (6393)
География (744)
История (25)
Компьютеры (1497)
Кулинария (2184)
Культура (3938)
Литература (5778)
Математика (5918)
Медицина (9278)
Механика (2776)
Образование (13883)
Политика (26404)
Правоведение (321)
Психология (56518)
Религия (1833)
Социология (23400)
Спорт (2350)
Строительство (17942)
Технология (5741)
Транспорт (14634)
Физика (1043)
Философия (440)
Финансы (17336)
Химия (4931)
Экология (6055)
Экономика (9200)
Электроника (7621)
Amp;-последовательности, комментарии
|
|
Иногда в документе приходится использовать такие знаки, которые имеют в языке HTML специальный смысл. Например, двойные кавычки " " выделяют значение атрибута, и если их использовать вне тега, браузер не поймет конструкцию и пропустит ее. Чтобы этого не произошло, для отображения служебных символов используют специальные последовательности знаков, начинающиеся с символа & и заканчивающиеся знаком ; (точка с запятой) – так называемые &-последовательности. Основные из них:
- последовательность < (от английского "less than") – вместо символа < (меньше);
- последовательность > (от "greater than") – вместо символа > (больше);
- последовательность " (от "quotations mark") – вместо символа " (двойные кавычки);
- последовательность & (от "ampersand") – вместо символа &;
- последовательность (от nonbreaking space – неразрывный пробел) – вместо пробела, который не следует игнорировать при выдаче документа в окно браузера. Эта &-последовательность как бы вставляет в текст невидимую глазу букву, которую браузер воспринимает как реальную и оставляет для нее место на экране. Она используется для заполнения пустых ячеек таблицы, пустых абзацев, для склеивания слов (если набрать TOP 100, то у вас никогда не получится, что TOP останется в одной строке, а 100 перенесется на следующую, например, при изменении шрифта или размера окна браузера).
Внимание: &-последовательности должны набираться только в нижнем регистре, точка с запятой в конце последовательности обязательна. Пример: чтобы пользователь увидел на экране слова крейсер "Аврора", в HTML-документе должен быть следующий код:
крейсер "Аврора"
Чтобы код HTML было легче понимать и править, полезно вводить в него комментарии, которые были бы видны только при работе с кодом, но не отражались бы в окне браузера при просмотре документа. Для этой цели используют специальный контейнер, написанный не по стандартным правилам. Он выглядит так:
<!-- … -->
Примеры:
<!-- Это мой комментарий -->
<!-- А этот комментарий занимает в тексте несколько строк -->
Внимание: в текст комментария не допускается вставлять два и более дефисов подряд: -- или ----- (разные браузеры по-разному реагируют на это).
Структура документа HTML
Каждый HTML-документ состоит из трех главных частей.
- Объявление HTML-кода – контейнер <HTML> …</HTML>
- Заголовок документа – контейнер <HEAD> … </HEAD>
- Тело документа – контейнер <BODY> … </BODY>
Заголовок и тело документа вкладываются внутрь объявления HTML по следующей схеме:
<HTML>
<HEAD>
…..........
</HEAD>
<BODY>
…..........
</BODY>
</HTML>
В заголовок помещаются теги, определяющие информацию о документе в целом. Наиболее употребительный из них – контейнер <TITLE>:
<TITLE> Краткая расшифровка содержания документа (не более 64 символов) </TITLE>.
Пример.
<TITLE> Гостиницы для участников конференции </TITLE>
Текст, помещенный в <TITLE>, заменяет системную информацию в заголовке браузера. При просмотре большого количества файлов это облегчает ориентировку среди них.
В разделе «тело документа» размещается содержание документа, которое выдается в рабочее окно браузера. Атрибуты тега <BODY> задают следующие свойства:
- TEXT – цвет текста там, где он не указан специальными средствами. По умолчанию черный.
- BGCOLOR – цвет фона. По умолчанию белый.
- BACKGROUND – фоновое изображение (аналогично рисунку на Рабочем столе). Значением является URL файла–изображения.
- LINK,VLINK, ALINK – соответственно цвета непосещенных, посещенных и активных в данный момент гиперссылок.
Примеры:
<BODY TEXT=SILVER BGCOLOR=NAVY>
<BODY TEXT=SILVER BACKGROUND="море.jpg">
Первый тег задает для базового оформления документа светло-серый шрифт на темно-синем фоне. Все отступления от этого стандарта в дальнейшем надо будет оговаривать дополнительными тегами внутри документа. Второй в качестве фона использует изображение, находящееся в файле море.jpg, расположенном в том же каталоге, что и вызывающий его документ (подробнее см. п. 8). Цвет шрифта так же, как и в первом примере, – светло-серый.
Основные теги, определяющие вид документа в окне браузера, рассмотрены ниже и приведены в виде справочника в табл. 1, 2, 3.
Теги форматирования шрифта
В HTML существуют два подхода к шрифтовому оформлению текста – так называемые физические и логические стили. Здесь рассматриваются только физические стили. Под ними подразумевают прямое указание браузеру на изменение текущего шрифта. Теги физических стилей – контейнерные. Например, между тегами <B> и </B> будет жирный шрифт (Bold), а между <I> и </I> – курсив (наклонный – Italic). Основные контейнеры физических стилей:
<B> … </B> – жирный шрифт;
<I> … </I> – курсив;
<U>… </U> – подчеркнутый текст;
<STRIKE>… </STRIKE>,
<S> … </S> – перечеркнутый шрифт;
<BIG> … </BIG> – шрифт большего размера;
<SMALL> … </SMALL> – шрифт меньшего размера;
<SUB> … </SUB> – подстрочный индекс;
<SUР> … </SUР> – надстрочный индекс;
<FONT> … </FONT> – изменение типа, цвета и размера шрифта.
В теге <FONT> допускаются атрибуты:
- SIZE – размер букв, возможные значения: 1, 2, 3, …, 7. По умолчанию 3;
- COLOR – цвет шрифта. Можно указывать шестнадцатеричными кодами или английскими словами. По умолчанию BLACK;
- FACE – изменение типа шрифта, возможные значения: ARIAL, COURIER и т. д. По умолчанию VERDANA.
Теги могут комбинироваться, но при этом надо следить, чтобы контейнеры имели вложенную структуру (контейнер, открытый позже, должен быть закрыт до того, как будет закрыт внешний). Например, для комбинации жирного и наклонного шрифтов можно использовать такой код:
<B> <I> пример </I> </B>
В окне браузера мы получим:
Пример
Помимо перечисленных выше тегов существуют шесть контейнерных тегов, удобных для оформления заголовков: <H1>...</H1>, <H2>...</H2>, …, <H6>…</H6>. Заголовки отличаются от текста и между собой толщиной и высотой букв (в заголовке <H1> самые крупные символы, в <H6> – самые мелкие), а также увеличением интервала по вертикали между заголовком и прочей информацией. Атрибут ALIGN управляет выравниванием заголовков по горизонтали. По умолчанию он принимает значение LEFT. Другие возможные значения: CENTER, RIGHT.
Пример:
<H4 ALIGN=CENTER> 6. Теги выделения смысловых частей текста </H4>
Результат действия тега похож на заголовок следующего параграфа.
|
Просмотров 1550 |
|
|
