45.Html. Тэги заголовка, параграфа, предварительного форматирования, разрыва строки.
Теги тела документа предназначены для управления отображением информации в программе интерфейса пользователя. Они описывают гипертекстовую структуру базы данных при помощи встроенных в текст контекстных гипертекстовых ссылок. Тело документа состоит из:
иерархических контейнеров и заставок; заголовков (от Н1 до Н6); блоков (параграфы, списки, формы, таблицы, картинки и т.п.); горизонтальных линий и адресов; текста, разбитого на области действия стилей (подчеркивание, выделение, курсив); математических описаний, графики и гипертекстовых ссылок.
Тело документа – ВОDY
Описание тегов тела документа следует начать с тега ВОDY. В отличие от тега НEАD, тег ВОDY имеет атрибуты.
Атрибут BАСКGROUND определяет фон, на котором отображается текст документа. Так, если источником для фона HTML- документа является графический файл image.gif, то в открывающем теге тела BODY появляется соответствующий атрибут:
<ВОDY ВАСКGROUND="image.gif">
Как видно из этого примера, в качестве значения данного атрибута используется адрес в сокращенной форме URL. В данном случае это адрес локального файла. Следует заметить, что разные интерфейсы пользователя поддерживают различные дополнительные атрибуты для тега ВОDY.
Атрибуты | |
Атрибут | Значение |
ВGCOLOR=#FFFFFF | Цвет фона |
ТЕХТ=#0000FF | Цвет текста |
VLINK =#FF0000 | Цвет пройденных гипертекстовых ссылок |
LINK =#00FF00 | Цвет гипертекстовой ссылки |
В данной таблице строка #ХХХХХХ определяет цвет в терминах RGB в шестнадцатеричной нотации. Также имеется возможность задавать цвета по названию. Далее в таблице приведены названия цветов, определенные в стандарте HTML 4 и соответствующие им RGB-коды. Отметим, что многие современные браузеры выходят за рамки стандартов и поддерживают гораздо больше названий цветов.
Цвета | |||
Название | Код | Название | Код |
aqua | #00FFFF | navy | #000080 |
black | #000000 | olive | #808000 |
blue | #0000FF | purple | #800080 |
fuchsia | #FF00FF | red | #FF0000 |
gray | #808080 | silver | #C0C0C0 |
green | #008000 | teal | #008080 |
lime | #00FF00 | white | #FFFFFF |
maroon | #800000 | yellow | #FFFF00 |
Если в качестве атрибутов тега ВОDY указать
<ВОDY ВGCOLOR=#FFFFFF ТЕХТ=#0000FF VLINK=#FF0000 LINK=#00FF00>,
то цвет фона будет белым, текст будет синим, ссылки — зелеными, а пройденные ссылки станут красными.
Теги управления разметкой
Заголовки
Заголовок обозначает начало раздела документа. В стандарте определено 6 уровней заголовков: от Н1 до Н6. Текст, окруженный тегами <Н1></Н1>, получается большим — это основной заголовок. Если текст окружен тегами <Н2></Н2>, то он выглядит несколько меньше (подзаголовок); текст внутри <Н3></Н3> еще меньше и так далее до <Н6></Н6>. Некоторые программы позволяют использовать большее число заголовков, однако реально более трех уровней встречается редко, а более 5 — крайне редко.
<H1>Заголовок 1</H1>
<H2>Заголовок 2</H2>
Тег параграфа
Тег <P> применяется для разделения текста на параграфы. В нем используются те же атрибуты, что и в заголовках.
Атрибут АLIGN. Атрибут АLIGN позволяет выровнять текст по левому или правому краю, по центру или ширине. По умолчанию текст выравнивается по левому краю. Данный атрибут применим также к графике и таблицам.
Далее приведены возможные значения атрибута АLIGN:
АLIGN=(justify | left | right | center) - выравнивание (по левому и правому краям | выравнивание по левому краю (по умолчанию) | выравнивание по правому краю | центрирование текста и графики).
Тег перевода строки
Принудительный перевод строки <BR> используется для того, чтобы нарушить стандартный порядок отображения текста. При обычном режиме интерпретации программа интерфейса пользователя отображает текст в рабочем окне, автоматически разбивая его на строки. В этом режиме концы строк текста игнорируются. Иногда для большей выразительности требуется начать печать с новой строки. Для этого и нужен тег <ВR>.
Тег непрерывной строки
Тег <NОВR> (Nо Вrеаk, без обрыва) дает браузеру команду отображать весь текст в одной строке, не обрывая ее. Если текст, заключенный в теги <NОВR>, не поместится на экране, браузер добавит в нижней части окна документа горизонтальную полосу прокрутки.
Горизонтальные линейки
Горизонтальная линия (Horizontal Rule) применяется для разделения документа на части. С помощью одного лишь тега <НR> можно придать странице оригинальный вид.
Он может иметь атрибуты : color, задающий цвет линии, size высота в пикселах width ширина в пикселях или процентах от ширины экрана, align режим выравнивания, и не имеет конечного тега. Синтаксис: <HR align="center" size=n width=n color="цвет">
Преформатированный вывод
Применение тега <PRE> позволяет отобразить текст "как есть" (без форматирования), теми же символами и с тем же разбиением на строки.
Теги управления отображением символов
Все эти теги можно разбить на два класса: теги, управляющие формой отображения (font style), и теги, характеризующие тип информации (information type). Часто внешне разные теги при отображении дают одинаковый результат.
Теги, управляющие формой отображения шрифта
Курсив, полужирный, подчеркивание, верхний индекс, нижний индекс, шрифт большой, маленький, красный, синий, различные комбинации — все это делает страницы более интересными. Microsoft Internet Explorer и Netscape Navigator позволяют определить шрифт с помощью тега <FONT>. Теперь можно объединять на одной странице несколько видов шрифтов, вне зависимости от того, какой из них задан по умолчанию в браузере пользователя.
Пример: <FONT COLOR=RED> Красный цвет шрифта </FONT>
Изменение размеров шрифта
Теги <ВIG> и <SMALL> — изменение размеров шрифта
Текст, расположенный между тегами <ВIG></ВIG> или <SMALL> </SMALL>, будет, соответственно, больше или меньше стандартного.
Верхние и нижние индексы
С помощью тегов <SUР> и <SUВ> можно задавать верхние и нижние индексы, необходимые для записи торговых знаков, символов копирайта, ссылок и сносок. Рассматриваемые теги позволяют создать внутри текстовой области верхние или нижние индексы любого размера. Чтобы они казались меньше окружающего текста, можно использовать теги <SUР> и <SUВ> с атрибутом FONT SIZE=-1, уменьшающим размер шрифта.
Атрибут SIZЕ
Атрибут SIZЕ тега <FОNТ> позволяет задавать размер текста в данной области. Если вы не пользуетесь тегом <BASEFONT SIZE=n> для задания определенного размера шрифта на всей странице, то по умолчанию n=3.
Атрибут СОLОR
Если вы хотите сделать свою страницу более красочной, можете воспользоваться атрибутом СОLОR в теге FONТ, и тогда единственным ограничением будет цветовая палитра на компьютере пользователя.
Теги, управляющие формой отображения, приведены в таблице.
Теги, управляющие формой отображения |
| ||
Тег | Значение |
| |
<I>...</I> | Курсив (Italic) |
| |
<B>...</B> | Усиление (Вold) |
| |
<TT>...</TT> | Телетайп |
| |
<U>...</U> | Подчеркивание |
| |
<S>...</S> | Перечеркнутый текст |
| |
<BIG>...</BIG> | Увеличенный размер шрифта |
| |
<SMALL>...</SMALL> | Уменьшенный размер шрифта |
| |
<SUB>...</SUB> | Подстрочные символы |
| |
<SUP>...</SUР> | Надстрочные символы |
| |
Теги, характеризующие тип информации | |||
Тег | Значение | ||
<ЕМ>...</ЕМ> | Типографское усиление | ||
<СIТЕ>...</СIТЕ> | Цитирование | ||
<STRONG>...</STRONG> | Усиление | ||
<СODE>...</СODE> | Отображает примеры кода (например, "коды программ") | ||
<SАМР>...</SАМР> | Последовательность литералов | ||
<КВD>...</КВD> | Пример ввода символов с клавиатуры | ||
<VAR>...</VAR> | Переменная | ||
<DFN>...</DFN> | Определение | ||
<Q>...</Q> | Текст, заключенный в двойные кавычки |
Эти теги допускают вложенность и пересечение друг с другом, поэтому все они имеют тег начала и конца. При использовании таких тегов следует помнить, что их отображение зависит от настроек программы-интерфейса пользователя, которые могут и не совпадать с настройками программы-разработчика гипертекста.
- 1.Основные понятия ит. Кит
- 2. Программные и аппаратные средства кит. Перспективы и направления развития кит.
- 4.Основы прогнозирования. Аппроксимация. Среднеквадратическое отклонение.
- 3. Математические модели решения экономических задач. Целевые функции, ограничения. Методы оптимизации.
- 12.Ска Maple. Отыскание оптимума. Симплекс-метод.
- 5.Стандартные функции прогнозирования в excel. Линейная аппроксимация.
- 6. Стандартные функции прогнозирования в Excel. Экспоненциальная аппроксимация
- 7.Анализ и решение задач межотраслевого баланса в Excel.
- 11.Ска Maple. Исследование функций. Минимум и максимум.
- 15.Ска Maple. Линейная алгебра. Решение линейных уравнений.
- 19.Ска Maple. Статистика. Модули библиотеки.
- 20.Ска Maple. Статистика. Корреляция, аппроксимация.
- 21.Ска Maple. Статистика. Описательные характеристики.
- 13.Ска Maple. Библиотека Optimization.
- 17.Анализ и решение задач оптимизации плана производства в Maple.
- 14.Ска Maple. Линейная алгебра. Матричные операции.
- 24.Компьютерные сети. Топология сетей.
- 22.Ска Maple. Финансовые функции.
- 23.Компьютерные сети. Основные виды и их характеристики.
- 25.Компьютерные сети. Адресация в сетях.
- 26.Технологии доступа в Internet.
- 27.Internet/Intranet – технологии. Протоколы tcp/ip.
- 28.Internet/Intranet – технологии. Электронные сервисы.
- 52.Html. Тэги для ввода информации.
- 29.Internet/Intranet – технологии. Url. Доменные адреса верхнего уровня.
- 30.Internet/Intranet – технологии. Служба доменных имен.
- 31.Internet/Intranet – технологии. Характеристики и особенности современных web-браузеров.
- 32.Тенденции развития Internet.
- 55.Css. Формат записи.
- 36.Геоинформационные системы.
- 39.Реинжиниринг бизнес-процессов. Основные этапы реинжиниринга.
- 10.Ска Maple. Исследование функций. Экстремум.
- 46.Html. Нумерованные списки.
- 44.Html. Структура документа. Стилевое оформление документов.
- 47.Html. Ненумерованные списки.
- 60.Искусственный интеллект. Нейросети.
- 61.Поисковые машины в Internet. Принципы организации поисковых систем.
- 48.Html. Гипертекстовые ссылки.
- 57.Искусственный интеллект. Основные понятия.
- 58.Искусственный интеллект. Модели представления знаний.
- 50.Html. Таблицы. Основные тэги.
- 51.Html. Интерактивные формы. Основной тэг.
- 35.Понятие бизнес-моделей b2b, b2c.
- 62.Особенности русскоязычных поисковых систем.
- 63.Специализированные программы для статистического анализа.
- 59.Искусственный интеллект. Экспертные системы.
- 64.Специализированные программы для специальности.
- 9.Анализ и решение задач оптимизации плана транспортных перевозок в Excel.
- 43.Html. Назначение. Основные тэги.
- 49.Html. Рисунки. Карты.
- 45.Html. Тэги заголовка, параграфа, предварительного форматирования, разрыва строки.
- 41.Информационные технологии и реинжиниринг бизнес-процессов.
- 53.Css. Назначение и основные понятия.
- 54.Css. Правила описания различных вариантов использования таблиц каскадных стилей.
- 33.Стандарты интеграции систем (mrp, mrp II).
- 34.Стандарты интеграции систем (erp, crm, csrp).