Курсив, усиление, подчеркивание, верхний индекс, нижний индекс, шрифт большой, маленький, красный, синий, различные комбинации — все это делает страницы более интересными. Microsoft Internet Explorer и Netscape Navigator позволяют определить шрифт с помощью тега FONT. Теперь можно объединять на одной странице несколько видов шрифтов, вне зависимости от того, какой из них задан по умолчанию в браузере пользователя.
Теги и — изменение размеров шрифта
Текст, расположенный между тегами или , будет, соответственно, больше или меньше стандартного.
Верхние и нижние индексы
С помощью тегов и можно задавать верхние и нижние индексы, необходимые для записи торговых знаков, символов копирайта, ссылок и сносок. Рассматриваемые теги позволяют создать внутри текстовой области верхние или нижние индексы любого размера. Чтобы они казались меньше окружающего текста, можно использовать теги и с атрибутом FONT SIZE=-1, уменьшающим размер шрифта.
Атрибут SIZЕ
Атрибут SIZЕ тега позволяет задавать размер текста в данной области. Если вы не пользуетесь тегом для задания определенного размера шрифта на всей странице, то по умолчанию принимается 3. Некоторые браузеры тег не поддерживают, поэтому желательно употреблять его только внутри текстовой области. В других случаях лучше использовать теги , , и т.д. Главное преимущество тега состоит в том, что после окончания действия он не разбивает строку, как теги. Поэтому тег бывает очень полезен для изменения размера шрифта в середине строки.
Атрибут СОLОR
Если вы хотите сделать свою страницу более красочной, можете воспользоваться атрибутом СОLОR в тегеFONТ, и тогда единственным ограничением будет цветовая палитра на компьютере пользователя.
Теги, управляющие формой отображения, приведены в таблице.
| Таблица 3.3. Теги, управляющие формой отображения | |||
| Тег | Значение | ||
| … | Курсив (Italic) | ||
| … | Усиление (Вold) | ||
| … | Телетайп | ||
| … | Подчеркивание | ||
| … | Перечеркнутый текст | ||
| … | Увеличенный размер шрифта | ||
| … | Уменьшенный размер шрифта | ||
| … | Подстрочные символы | ||
| … | Надстрочные символы | ||
| Таблица 3.4. Теги, характеризующие тип информации | |||
| Тег | Значение | ||
| … | Типографское усиление | ||
| … | Цитирование | ||
| … | Усиление | ||
| … | Отображает примеры кода (например, коды программ) | ||
| … | Последовательность литералов | ||
| … | Пример ввода символов с клавиатуры | ||
| … | Переменная | ||
| … | Определение | ||
| … | Текст, заключенный в двойные кавычки | ||
Эти теги допускают вложенность, поэтому все они имеют тег начала и конца. При использовании таких тегов следует помнить, что их отображение зависит от настроек программы-интерфейса пользователя, которые могут и не совпадать с настройками программы-разработчика гипертекста.
Блоки цитат — элемент
Тег добавляет поля слева и справа от текста. Это полезный тег, поскольку он позволяет компактно расположить текст в центре страницы. При неоднократном использовании текст все больше сжимается к центру.
| Горизонтальные линейки — тег Горизонтальное отчеркивание (Horizontal Rule) применяется для разделения документа на части. С помощью одного лишь тега можно придать странице оригинальный вид. Попробуйте поэкспериментировать с тегом , и вы получите линии, совсем не похожие на те, которыми обычно пользуетесь. Преформатированный вывод — тег Применение этого тега позволяет отобразить текст как есть (без форматирования), теми же символами и с тем же разбиением на строки. Применение тега Текст, помещенный между тегами и , мерцает. Данный тег поддерживается только браузером Netscape Navigator. Пользоваться им следует с большой осторожностью. Комментарии в языке HTML При разметке документов HTML возникает необходимость в использовании комментариев, которые браузер не выводит на экран, но другой специалист, редактирующий данный документ, может прочитать. В таких примечаниях можно найти информацию о том, кто является автором документа, где и почему используется конкретный элемент HTML и т.п. Комментарии HTML начинаются с символа . Можно вставлять текст с любыми символами. Комментарии могут состоять из нескольких строк текста. В общем и целом они ничем не отличаются от аналогичных комментариев в других языках программирования, так как видимы только тогда, когда это необходимо. Например, браузер игнорирует их. При создании файла HTML можно разместить в нем комментарии о его структуре. Кроме того, там можно размещать информацию о том, какие сложные операции способен выполнять данный документ. Гипертекстовые ссылки Все рассмотренные выше средства управления отображением текста, безусловно, важны, но они только дополняют основной тег HTML-документа — гипертекстовую ссылку. Для записи гипертекстовой ссылки используется тег , который называют якорь (аnchor). Якорь имеет несколько атрибутов, главным из которых является НREF. Простую ссылку можно записать в виде Отображаемое название гипертекстовой ссылки , где значение атрибута HREF — адрес документа index.htm на машине www.intuit.ru, доступ к которой осуществляется по протоколу НТТР. Форма записи этого адреса называется универсальным локатором ресурсов URL и является составной частью технологии WWW. Согласно схеме HTTP нотации URI, полный адрес информационного ресурса, доступного по протоколу HTTP, надлежит записывать следующим образом: http://user:[email protected]:port/path/ some.html?query_string, где http — протокол обмена данными; user — идентификатор пользователя; password – пароль; domain.ru — доменное имя сервера; port — номер TCP-порта, на котором ведет обслуживание сервер; path — путь в корневом каталоге сервера к файлу ресурса; some.html — файл ресурса; query_string — поисковое предписание. Заданный в таком виде адрес ресурса называется абсолютным или полным адресом ресурса. На практике редко используют все компоненты полного адреса схемы HTTP. Чаще всего первые компоненты опускают. Например, обращение к документу в том же каталоге в гипертекстовой ссылке будет записано просто как имя данного файла. Обращение к CGI-скрипту может выглядеть следующим образом: Имя протокола, имя домена, номер порта и другие компоненты начала URL опущены. В этом случае говорят, что ссылка задана частично определенной или неполной формой URL. Естественно, что браузер при обращении к серверу будет восстанавливать полную форму URL, опираясь на некоторую схему по умолчанию, которая называется базовым URL. Иногда неполную форму URL называют относительным URL, подразумевая, что адрес задается относительно некоторого базового адреса. По умолчанию в качестве базового используется URL каталога, в котором находится текущий документ. Если URL начинается с символа . или .., то это означает исчисление от текущего каталога. Если URL начинается с символа /, то относительный URL берется от корня каталогов сервера. В HTML есть элемент разметки BASE (рассмотренный ранее), который позволяет задать или переопределить базовый адрес. Первоначально этот контейнер использовался только в заголовке HTML-документа. Сейчас его применяют как за пределами документа (например, при создании документов HTML-редакторами), так и в теле документа. Содержание контейнера гипертекстовой ссылки, заключенное между тегом начала и тегом конца, выделяется в тексте цветом, определенным для контекстных гипертекстовых ссылок. В атрибутах тега : |
| Таблица 3.5. | |
| Атрибут | Значение |
| ТЕХТ=#000000 | Цвет текста (черный) |
| ALINK=#FF0000 | Цвет активных гипертекстовых ссылок (красный) |
| VLINK=#FF00FF | Цвет пройденных гипертекстовых ссылок (пурпурный) |
| LINK=#0000FF | Цвет гипертекстовой ссылки (синий) |
Одна из особенностей создания Web-сайта состоит в том, что представленную на нем информацию желательно разбить на отдельные части, которые могут быть выведены на экран без необходимости его прокрутки. Организация связей между отдельными частями осуществляется с помощью гипертекстовых ссылок.
Помощь
При нажатии на ссылку в окно браузера будет загружен новый документ.
Другой формой использования тега является определение точек внутри текста, на которые можно сослаться. Такой метод применяется в том случае, когда документ нельзя поделить на части и необходимо быстро перемещаться из оглавления в текст:
Для ссылки на такую точку используют следующую форму URL:
index.html#роintСсылка на точку роint в
документе index.html
На описании простых гипертекстовых ссылок обзор средств языка НТМL, ориентированных на текстовое представление информации и организацию гипертекстовых баз данных, можно закончить.
Рис. 3.2.
Создание списков в HTML
Списки являются важным средством структурирования текста и применяются во всех языках разметки. В НТМL имеются следующие виды списков: ненумерованный список (неупорядоченный) (Unordered Lists
- ), нумерованный список (упорядоченный) (Ordered Lists
- ), чтобы сменить тип маркера в середине списка. После появления нового атрибута все последующие маркеры в списке будут иметь такой же вид.
- ) и список определений. Теги для ненумерованных и нумерованных списков — это основа HTML. HTML 3.2 добавляет несколько атрибутов к тегам списков для выбора разных типов маркеров в ненумерованных списках и разных схем нумерации в нумерованных. Можно включать такие атрибуты и в сами теги элементов списка (List Item
Неупорядоченные списки — тег
Ненумерованный список. Ненумерованный список предназначен для создания текста типа:
- первый элемент списка;
- второй элемент списка;
- третий элемент списка.
Записывается данный список в виде последовательности:
Теги
- и
— это теги начала и конца ненумерованного списка, тег
