Пример использования элемента <PRE> :

<PRE>

Это П Р Е Ф О Р М А Т И Р О В А Н Н Ы Й

Т

Е

К

С

Т

Все пробелы на месте! А также и символы перевода строки

</PRE>

<BR>: Переход к новой строке. Это элемент уровня текста, который служит для вставки в текст одного перевода строки. Он ничего не окружает и не имеет закрывающего тега. Тег <BR> полезен для разделения коротких фрагментов текста, таких как почтовые адреса или стихотворные строки. Он бывает удобен и в тех случаях, когда необходимо увеличить пустые области между отдельными элементами страницы, например для добавления дополнительных пустых строк, разделяющих соседние абзацы текста. Пример использования <BR> внутри и вне элемента абзаца <P>:

<P>Это первый абзац. <BR>

А это его вторая строка. </P>

<BR><BR><BR>

<P>А это второй абзац. Обратите внимание на свободное место, появившееся между абзацами с помощью тегов BR. </P>

<NOBR>: Отменить разрыв строки. Парный тег. Выводит текст, помещенный в него, без перехода на другую строку. Браузеру запрещается переход на следующую строку. Если все же нужно перейти на следующую строку, то используйте внутри текста тег <BR>. Пример использования:

<NOBR> Этот текст никогда не будет перенесен броузером. <BR> Но следующее предложение всегда будет идти двумя строками ниже. <BR>. <BR>. Следующее предложение. </NOBR>

<ADDRESS>: текст адреса. Парный тег. Отображается курсивом в виде отдельного абзаца с вставкой перед блоком текста и после него по одной пустой строке. Элементом <ADDRESS> окружают, например, подпись автора страницы или адрес организации, которой посвящена страница. Он может окружать несколько строк текста, форматирующие элементы, изменяющие характеристики шрифта, и даже рисунки. Согласно спецификации в нем нельзя использовать другие элементы уровня блока. Пример использования элемента <ADDRESS>:

Адрес:

<ADDRESS>

Москва, ул. Радио, д.22.<BR>

Телефон/факс 263-64-43 </ADDRESS>

4.7 Списки

Существует три основных вида списков в HTML-документе: нумерованный, маркированный и список определений.

Нумерованные списки - полезный инструмент представления элементов данных, следующих в определенном порядке (например, в инструкциях или оглавлениях). Браузер автоматически вставляет номера элементов по порядку. Это означает, что при удалении одного или нескольких элементов нумерованного списка, остальные номера будут автоматически пересчитаны.

Пронумерованный список начинается стартовым тегом <OL> и завершается тегом </OL>. Каждый элемент списка начинается с тега <LI>.

Пример: <OL>

<LI> Проектирование

<LI> Алгоритмизация

<LI> Программирование

</OL>

Атрибуты элемента <OL>:

TYPE=A | a | I | I |1___вид счетчика

START=n __________число, с которого начинается отсчёт

A - большие латинские буквы (А,В,С…)

a - маленькие латинские буквы (a,b,c…)

I - большие римские цифры (I,II,III…)

i - маленькие римские цифры (i,ii,iii…)

1 - обычные цифры (1,2,3…)

Атрибут VALUE позволяет принудительно назначить любому элементу требуемый номер.

Пример: <H5>Список участников матча</H5>

<OL START=3>

<LI> Иванов И.

<LI> Петров П.

<LI VALUE=”7”> Сидоров С.

<LI> Смирнов А.

</OL>

Маркированные списки применяются в тех случаях, когда необходимо перечислить текстовые элементы, следующие в произвольном порядке, такие как наименования продуктов или адреса Web-сайтов. Маркированный список начинается стартовым тегом <UL> и завершается тегом </UL>. Каждый элемент списка начинается с тега <LI>. Для пометки элемента списка броузер использует маркер. Вид маркера задается атрибутом TYPE элемента <UL>.

square - квадрат ()

disc - закрашенный кружок () - используется броузерами по умолчанию

сircle - пустой кружок ()

В пределах одного маркированного списка могут использоваться маркеры разных видов. Это удобно для объединения элементов списка в тематические группы.

<UL TYPE=”circle”>

<LI> Яблоки

<LI TYPE=”disc”> Морковь

<LI >Груши

<LI> Персики

<LI TYPE=”disc”> Свекла

</UL>

Списки определений, содержащие наименования терминов и их определения, - незаменимое средство форматирования текстов толковых словарей. Список определений начинается с тега <DL> и завершается тегом </DL>. Каждый термин начинается тегом <DT>, а описание - тегом <DD>. ни для <DT>, ни для <DD> закрывающий тег не нужен, но в случае длинных определений он не помешает.

пример:

<DL>

<DT><B> Интернет</B></DT>

<DD>Так называется всемирная сеть сетей, которая использует набор сетевых протоколов TCP/IP.</DD>

<DT><B> Доменное имя</B></DT>

<DD>Буквенно-цифровое название для обозначения сети или узла в сети

</DL>

Вывод в браузере примера со списками определений:

Многоуровневые (или смешанные) списки.

Списки можно вкладывать друг в друга на любую глубину. Многие авторы HTML-документов пользуются этим для получения отступа в тексте. Величина отступа меняется в зависимости от размера шрифта в броузере, поэтому точно ее определить невозможно. Для получения отступа чаще используют неупорядоченные списки, нежели списки определений, т.е. элемент <UL> применяется чаще, чем <DL>. Это связано с тем, что <UL> для получения результата требует меньшего количества элементов. Пример создания отступов с помощь списков.

4.8 Создание линий с помощью элемента <HR>

Горизонтальная линия, обозначаемая элементом <HR>, используется для наглядного разделения HTML-документа. <HR> может иметь и логический смысл в качестве разделителя между разделами документа. Элемент <HR> - пустой и не требует закрывающего тега, т.к. не окружает никаких данных. Наиболее часто в элементе <HR> используются следующие атрибуты: ALIGN (управляет выравниванием по горизонтали), NOSHADE (отключает вывод тени), SIZE (задает толщину линии в пикселах) и WIDTH (задает ширину линии в пикселах или процентах). Ниже приведены примеры использования горизонтальной линии и её основных атрибутов:

<BODY>

<P>HR с толщиной 10</P> <HR SIZE=”10”>

<P>HR с шириной 50% толщиной 3 и без тени </P>

<HR WIDTH=”50%” SIZE=”3” NOSHADE>

<P>Ширина 100, выравнивание вправо</P>

<HR ALIGN=RIGHT WIDTH=”100”>

<P> Ширина 100, выравнивание по центру</P>

<HR ALIGN=”CENTER” WIDTH=”100”>

</BODY>

4.9 Элементы уровня текста и символьные примитивы

Текст внутри элементов уровня блока может быть отформатирован с помощью элементов уровня текста. Эти элементы делятся на два основных вида - физические и логические. Физические элементы, такие как <B> - полужирный шрифт или <I> - курсив, используются для указания, как текст будет отображаться на экране. Логические элементы, как, например, <STRONG> и <EM>, обозначают, что необходимо сделать с текстом, но не обязательно говорят о том, как он будет выглядеть на экране.

Элементы физического форматирования текста. Эти элементы отвечают только за внешний вид представления текста на экране. Основные элементы физического форматирования текста представлены в приведенной ниже таблице:

5. Элементы логического форматирования текста

Предназначены для смыслового выделения фрагментов текста. При отображении на экране логическое форматирование сводится к изменению начертания символов. Используются следующие парные теги:

Символьные примитивы. Иногда необходимо вставить в текст специальные символы. Это могут быть, например, буквы с ударениями, символы авторских прав и даже угловые скобки, используемые для обрамления HTML-элементов. Такие элементы вставляются в HTML-документы с помощью специального кода. Общая форма записи кода следующая: &код; где «код»- это символьное или числовое значение, определяющее конкретный символ, который необходимо вывести на экран. Таблицей кодировки, поддерживаемой в настоящее время в HTML,является таблица кодировки ISO Latin-1. Многие символы этой таблицы невозможно ввести с помощью клавиатуры. Для их введения используются специальные коды. Некоторые из наиболее употребительных символов см. в таблице.

Табл. Несколько основных символьных примитивов.

Страницы: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11