Отправляет email-рассылки с помощью сервиса Sendsay

Технологии эффективного Интернета

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Как сделать популярный сайт." на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Март 2006   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Vladimir N Abramov

Статистика

3.524 подписчиков
0 за неделю
←   Все выпуски   →

Основы web-технологий Основы web-технологий :: N 7


Рассылка: Основы web-технологий :: N 7
Раздел: Введение в HTML-разметку
Тема: Контейнеры тела документа. Часть 2.
Раздел посвящен изучению языка гипертекстовой разметки HTML. Рассматриваются основные конструкции языка, приемы разметки и связь с различными программами работающими в Сети.
Основные понятия: HTML, тело документа, body, фрейм, стиль, блок, строка, содержание.
Информация о выпуске: В выпуске рассказывается об элементах разметки тела HTML-документа, подробно разбирается их типизация, назначение и применение.

Блоки цитат — элемент <BLOCKQUOTE>

Тег добавляет поля слева и справа от текста. Этот тег позволяет компактно расположить текст в центре страницы. Однако, при неоднократном использовании <BLOCKQUOTE> текст все больше сжимается к центру.

Рассмотрим небольшой пример использования тега цитирования текста. Рассмотрим небольшой пример использования тега цитирования текста:
цитируемый текст - первая пара тегов "BLOCKQUOTE".
цитируемый текст - вложенная пара тегов "BLOCKQUOTE".

Вот как при этом выглядит исходный код рассмотренного примера:

Рассмотрим небольшой пример использования тега цитирования текста. Рассмотрим небольшой пример использования тега цитирования текста:
<BLOCKQUOTE> цитируемый текст - первая пара тегов "BLOCKQUOTE".
<BLOCKQUOTE> цитируемый текст - вложенная пара тегов "BLOCKQUOTE".
</BLOCKQUOTE></BLOCKQUOTE>

Создание списков в HTML

Списки являются важным средством структурирования текста и применяются во всех языках разметки. В НТМL используются ненумерованный список (неупорядоченный - Unordered Lists <UL>), нумерованный список (упорядоченный - Ordered Lists <OL>) и список определений. В HTML используются специальные атрибуты тегов для выбора разных типов маркеров начала элемента и разных схем нумерации в списках. Можно включать такие атрибуты как в тег начала списка (UL или OL), так в теги элементов списка (List Item <LI>). Это позволяет сменить тип маркера даже в середине списка - после появления нового атрибута в теге элемента все последующие маркеры в списке будут иметь указанный атрибутом вид. Рассмотрим примеры их использования.

Ненумерованные списки — тег <UL>

Ненумерованный список предназначен для создания текста вида:

    заголовок списка;
  • первый элемент списка;
  • второй элемент списка;
  • третий элемент списка.

Записывается данный список в виде последовательности:

<UL>
<LH>заголовок списка;
<LI>первый элемент списка;
<LI>второй элемент списка;
<LI>третий элемент списка;
</UL>

Теги <UL> и </UL> — это теги начала и конца ненумерованного списка, тег <LI> (List Item) задает тег элемента списка. Помимо этих тегов, существует тег, позволяющий выделять заглавие списка — <LН> (List Header), но этот тег используется сравнительно редко.

Атрибуты маркеров в ненумерованном списке

Чтобы не применять одни и те же маркеры на разных уровнях вложенности, можно использовать атрибут ТYРЕ. Вы можете задать любой тип маркера в произвольном месте списка. Можно даже смешивать разные типы маркеров в одном списке. Ниже перечислены теги с атрибутами стандартных маркеров:

<UL TYPE=disk>Тег создает сплошные маркеры такого типа, как в списках первого уровня по умолчанию.
<UL TYPE=сircle>Тег создает маркеры в виде окружностей.
<UL TYPE=square>Тег создает сплошные квадратные маркеры.

Вот как это будет выглядеть в броузере клиента -

  • квадратный маркер
  • маркер в виде окружности;
  • маркер в виде диска;
Следует обратить внимание, что значения атрибутов вида маркера (square, circle, disc) являются регистрозависимыми. Это значит, что если вы их укажете заглавными буквами (например CIRCLE), то не все броузеры их обработают корректно. В частности, Microsoft Internet Explorer их просто проигнорирует.

Упорядоченные (нумерованные) списки

Тег <OL> вместе с атрибутом ТYРЕ позволяет создавать нумерованные списки, используя в качестве номеров не только обычные числа, но и строчные и прописные буквы, а также строчные и прописные римские цифры. При необходимости можно даже смешивать эти типы нумерации в одном списке:

<ОL ТYРЕ=l> Тег создает список с нумерацией в формате 1., 2., 3., 4. и т.д.
<ОL ТYРЕ=А> Тег создает список с нумерацией в формате А., В., С., D. и т.д.
<OL ТYРЕ=а> Тег создает список с нумерацией в формате а., b., с., d. и т.д.
<ОL ТYРЕ=I> Тег создает список с нумерацией в формате I., II., III., IV. и т.д.

Списки определений

Теги списка (Definition List: <DL>, <DT>, <DD>) используют для создания списка терминов и их определений. Схема использования тега следующая.

<DL><DT>Термин</DT> <DD>Определение</DD></DL>

Определяемый термин записывается на одной строке, а его определение — на следующей, с небольшим отступом вправо. Тег <DL> позволяет создавать отдельные абзацы с отступом без нумерации или маркеров. Отступ делается от левого края. Если на странице встречается подряд несколько тегов <DL> без закрывающего тега </DL>, то текст постепенно сдвигается все больше вправо. Поэтому в конце определения не забывайте поместить закрывающий тег </DL>. Помните, что тег <DL> сдвигает только левую границу абзаца.

Горизонтальные линейки — тег <НR>

Горизонтальное отчеркивание (Horizontal Rule) применяется для разделения документа на части. С помощью одного лишь тега <НR> можно придать странице оригинальный вид. Попробуйте поэкспериментировать с тегом <НR>, и вы получите линии, совсем не похожие на те, которыми обычно пользуетесь.

Преформатированный вывод — тег <РRЕ></РRЕ>

Применение этого тега позволяет отобразить текст "как есть" (без форматирования), теми же символами и с тем же разбиением на строки. Только не забудьте поставить закрывающий тег </РRЕ>, иначе до конца страницы ни один из тегов больше не будет работать.

Комментарии в языке HTML

При разметке документов HTML возникает необходимость в использовании комментариев, которые браузер не выводит на экран, но другой специалист, редактирующий данный документ, может прочитать. В таких примечаниях можно найти информацию о том, кто является автором документа, где и почему используется конкретный элемент HTML и т.п. Комментарии HTML начинаются с символа "<!--" и оканчиваются символом -->". Можно вставлять текст с любыми символами. Комментарии могут состоять из нескольких строк текста. В общем и целом они ничем не отличаются от аналогичных комментариев в других языках программирования, так как видимы только тогда, когда это необходимо. Например, браузер игнорирует их. При создании файла HTML можно разместить в нем комментарии о его структуре. Кроме того, там можно размещать информацию о том, какие сложные операции способен выполнять данный документ.

Гипертекстовые ссылки

Все рассмотренные выше средства управления отображением текста, безусловно, важны, но они только дополняют основной тег HTML-документа — гипертекстовую ссылку. Для записи гипертекстовой ссылки используется тег <А>, который называют "якорь" (аnchor). Якорь имеет несколько атрибутов, главным из которых является НREF. Простую ссылку можно записать в виде

<А НREF="http://www.aho.ru/index.php">Отображаемое название гипертекстовой ссылки</А>,

где значение атрибута HREF — адрес документа, доступ к которому осуществляется по протоколу НТТР. Форма записи этого адреса называется универсальным локатором ресурсов URL и является основой Веб-технологий.

Согласно стандарта HTTP описание URI (полный адрес информационного ресурса) надлежит записывать следующим образом:

http://user:password@domain.ru:port/path/some.html?query_string,

где
http — протокол обмена данными;
user — идентификатор пользователя;
password – пароль;
domain.ru — доменное имя сервера;
port — номер TCP-порта, на котором ведет обслуживание сервер;
path — путь в корневом каталоге сервера к файлу ресурса;
some.html — файл ресурса;
query_string — поисковое предписание (строка запроса).

Заданный в таком виде адрес ресурса называется абсолютным или полным адресом ресурса. На практике редко используют все компоненты полного адреса схемы HTTP. Чаще всего первые компоненты опускают. Например, обращение к документу в том же каталоге в гипертекстовой ссылке будет записано просто как имя данного файла. Обращение к CGI-скрипту может выглядеть следующим образом:

<A HREF=../scripts/my_script?query_string>

Имя протокола, имя домена, номер порта и другие компоненты начала URL опущены. В этом случае говорят, что ссылка задана частично определенной или неполной формой URL.

Естественно, что браузер при обращении к серверу будет восстанавливать полную форму URL, опираясь на некоторую схему по умолчанию, которая называется базовым URL. Иногда неполную форму URL называют относительным URL, подразумевая, что адрес задается относительно некоторого базового адреса.

По умолчанию в качестве базового используется URL каталога, в котором находится текущий документ. Если URL начинается с символов "../", то это означает обращение ведется от каталога на один уровень выше относительно того, в котором расположен текущий (просматриваемый в данный момент) документ. Если URL начинается с символа "/", то относительный URL берется от корня каталогов сервера.

В HTML есть элемент разметки BASE (рассмотренный ранее), который позволяет задать или переопределить базовый адрес. Первоначально этот контейнер использовался только в заголовке HTML-документа. Сейчас его применяют как за пределами документа (например, при создании документов HTML-редакторами), так и в теле документа.

Содержание контейнера гипертекстовой ссылки, заключенное между тегом начала и тегом конца, выделяется в тексте цветом, определенным для контекстных гипертекстовых ссылок. В атрибутах тега <ВОDY>:

Атрибут Значение
ТЕХТ=#000000 Цвет текста (черный)
ALINK=#FF0000 Цвет "активных" гипертекстовых ссылок (красный)
VLINK=#FF00FF Цвет пройденных гипертекстовых сылок (пурпурный)
LINK=#0000FF Цвет гипертекстовой ссылки (синий)

Кроме ссылок на другие документы, одной из форм использования тега <А> является определение строк внутри текста текущего документа, на которые можно перейти. Такой метод обычно применяется в том случае, когда документ большой и необходимо предоставить читателю возможность быстро перемещаться в нужные части документа:

<А NАМЕ="роint">

Для ссылки на такую точку используют следующую форму URL:

<А НREF="#роint">Ссылка на точку "роint"</А> в текущем документе
<А НREF="http://www.domain.com/addr.html#роint">Ссылка на точку "роint" в документе "addr.html"</А> из внешнего документа.

На этом обзор средств языка НТМL, ориентированных на текстовое представление информации и организацию гипертекстовых баз данных, можно закончить.

Спасибо за внимание, встретимся через неделю.

cайт рассылки: web.aho.ru

Шикарный хостинг - все включено - трафик без ограничений - от $0.8 в месяц

В избранное