Рассылка www.mweb.ru: #7 (19) от 23го июля 2003 года.
Все тонкости и секреты HTML
В этом выпуске: Группы тагов НТМL | Контейнеры HTML-документа | Наши проекты | Интересные ресурсы
Ссылки в Internet: Хостинг | Архив рассылок | Перекур | Трюки в PhotoShop | CorelDRAW | Web-мастеру | Графика | Flash | HTML | DHTML | Java | Полезные программы | Бесплатные чаты
Доброе время суток!

Вышел 19-ый выпуск культового электронного журнала ProtoPlex. В номере много статей и заметок различного направления. Как всегда, у нас стильный дизайн, много юмора + отличный контент. Вам обязательно понравится, так как мы печатаем не только профессиональные материалы, но и работы авторов-новичков. Помимо прочего, в каждом выпуске мы отвечаем на письма читателей. Как обычно, журнал можно скачать себе или же смотреть он-лайн.
Наши проекты
Xosting.ru - поисковая система предоставляет вам возможность в поиске хостинг-провайдера. Что это такое и как оно работает? Вы задаете запрос на нужную вам конфигурацию тарифного плана для вашего проекта, и система самостоятельно выберет наиболее подходящий для вас вариант. Не плетись в конце, воспользуйся этой уникальной системой сейчас!


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


MasterWEB Club - наковальня вебмастера. Всё что нужно начинающему вебмастеру, уникальные статьи по обучению в PhotoShop, CorelDRAW, Flash, HTML, DHTML, JavaScripts, Java, а также подборка шрифтов, коллекция графики, "примочки" для Web. Подробнее...


Перекур - Это лучшее место для общения на веб-дизайнерские темы. Здесь вы можете задать интересный вопрос, получить на него не менее интересный ответ и поделиться опытом с коллегами. Что особенно приятно, у форума есть модератор - это исключает пустой треп и вездесущую рекламу в сообщениях. Общайтесь с пользой!


iLIB.ru (Internet Library) - Интернет Библиотека.
Группы тагов НТМL
Все таги НТМL по их назначению и области действия можно разделить на следующие основные группы
  • определяющие структуру документа;
  • оформление блоков гипертекста (параграфы, списки, таблицы, картинки);
  • гипертекстовые ссылки и закладки;
  • формы для организации диалога;
  • вызов программ.

Структура гипертекстовой сети задается гипертекстовыми ссылками. Гипертекстовая ссылка - это адрес другого HTML документа или информационного ресурса Internet, который тематически, логически или каким-либо другим способом связан с документом, в котором ссылка определена.

Для записи гипертекстовых ссылок в системе WWW была разработана специальная форма, которая называется Universe Resource Locator. Типичным примером использования этой записи можно считать следующий пример:

	Этот текст содержит 
	<A HREF="http://polyn.net.kiae.su/altai/index.html">
	гипертекстовую ссылку</A>

В приведенном выше примере таг "A", который в HTML называют якорем (anchor), использует атрибут "HREF", который обозначает гипертекстовую ссылку (Hypertext Reference), для записи этой ссылки в форме URL. Данная ссылка указывает на документ с именем "index.html" в директории "altai" на сервере "polyn.net.kiae.su", доступ к которому осуществляется по протоколу "http".

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

Структура HTML-документа позволяет использовать вложенные друг в друга контейнеры. Собственно, сам документ - это один большой контейнер который начинается с тага <HTML> и заканчивается тагом </HTML>:

	<HTML> Содержание документа  </HTML>

Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа (HEAD) и тела документа (BODY):

Рассмотрим простейший пример классического документа:

Пример 1.1

	<HTML>
	<HEAD>
	<TITLE>Simple Document</TITLE>
	</HEAD>
	<BODY  text=#0000ff  BACKGROUND=#f0f0f0 >
	<H1>Пример простого документа</H1>
	<HR>
	Формы HTML-документов
	<UL>
	<LI>Классическая
	<LI>Фреймовая
	</UL>
	<HR>
	</BODY>
	</HTML>

Рис. 1.1. Пример простого документа

Компания Netscape Communication расширила классическую форму документа возможностью организации фреймов (кадров), позволяющих разделить рабочее окно программы просмотра на несколько независимых фреймов. В каждый фрейм может быть загружена своя страница HTML. Приведем пример документа с фреймами.

Пример 1.2

	<HTML>
	<HEAD>
	<TITLE>Frame Sample</TITLE>
	</HEAD>
	<FRAMESET COLS="30%,*">
	<FRAME SRC=HTML-lecture.html NAME=LEFT>
	<FRAME SRC=HTML-lec-1.html NAME=RIGHT>
	</FRAMESET>
	</HTML>

Рис. 1.2. Пример документа с фреймами

[ к оглавлению ]

Контейнеры HTML-документа

Каждая из составных частей документа имеет свой набор контейнеров, которые можно внутри нее использовать. Контейнеры тела документа не используются в заголовке или в контейнере FRAMSET. Рассмотрим каждую группу контейнеров более подробно.

Контейнеры заголовка документа НТМL - HEAD

Заголовок документа не имеет атрибутов. Основное назначение тагов заголовка - это описание общих для всего документа параметров отображения. К таким параметрам можно отнести стиль отображения документа, общий базовый адрес гипертекстовых ссылок, общие гипертекстовые ссылки, идентификатор и имя документа и т.п. Мы рассмотрим только наиболее часто встречающиеся контейнеры.

ТIТLЕ

Наиболее часто используемым тагом заголовка является имя документа.

ТIТLЕ имеет следующий синтаксис

	<ТIТLЕ> Название документа </ТIТLЕ>  

Содержание тага ТIТLЕ отображается в поле названия документа.

ВАSE

Таг ВАSЕ связан с формой представления гипертекстовой ссылки в форме URL. Дело в том, что спецификация URL определяет две формы адресации документов: полную и неполную. НТМL разрешает использовать как полную форму адреса URL, так и неполную. Но для того, чтобы использовать вторую форму спецификации, ее надо на чем-то базировать, т.е. задавать базовый адрес, который можно было бы использовать для формирования полной формы URL из неполной. Таг ВАSЕ позволяет определить эту базу. Так, например, если в заголовке будет задано:

	<BASE HREF="http://polyn.net.kiae.su/>,
гипертекстовая ссылка вида:
	<A HREF="/altai/index.html">
будет расширена до
	<A HREF= http://polyn.net.kiae.su/altai/index.html 
Это же касается и других импортируемых в документ тагов. Графический образ, монтируемый в документ по команде:
	<IMG SRC="/gif/te t.gif">
будет найден по адресу:
	<IMG SRC=' http://polyn.net.kiae.su/gif/test.gif'>

Содержание тага ВАSЕ интерфейсом пользователя прямо не отображается.

ISINDEX

Возможность поиска НТМL-документа по ключевым словам определяется тагом ISINDEX заголовка документа. В первоначальной версии языка данный таг не имел дополнительных атрибутов. Если сервер мог выполнить запрос по ключевым словам, то он автоматически вставлял в заголовок таг ISINDEX. Список ключевых слов приписывался клиентом к адресу документа после символа "?". Понятно, что выполнить запрос мог сервер, который при наличии символа "?" превращался в поисковую машину. НТМL-документ мог быть сгенерирован "на лету" программой, тогда ключевые слова после "?" приписываются к адресу этой программы. В новой версии языка появилась возможность указать программу обработки запроса и задать фразу вместо стандартной "SЕАRСН ISINDEX":

	<ISINDEX HREF=
	"http://polyn.net.kiae.su/cgi-bin/search" 
	PROMPT="Enter Keywords:">

В приведенном примере атрибут НREF определяет адрес программы обработки запроса, а атрибут РRОМРТ - содержание приглашения. Справедливости ради стоит отметить, что полностью новые возможности этого тага выполняет только один - Аrеnа. Такие популярные интерфейсы, как Моsaic и Netscape, данный таг интерпретируют по-старому.

МЕТА

Таг МЕТА предназначен для определения в заголовке документа конструкций, отсутствующих в спецификации НТМL. Имеет три атрибута: NAME, CONTENT, HTTP-EQUIV. Применение данного тага затруднено тем, что для интерпретации конструкций, которые вводятся через этот таг, необходимо, чтобы сервер или интерфейс пользователя могли эти конструкции расшифровать и применить. Для такого сорта работы программа должна иметь интерпретировать конструкции SGML, что практически не реализовано ни в одной интерфейсной программе. Единственным способом применения данного тага на практике является включение в заголовок отклика по протоколу НТТР информации, определенной через атрибут НТТР-ЕQUIV:

	<META HTTP-EQUIV="Keywords" 
	CONTENT="Plsma, Nuclear Physics">

При таком использовании в заголовок НТТР-пакета будет включена строка: Keywords: Plasma, Nuclear Physics, что удобно при отправке почты, например.

Наиболее эффектное применение контейнера МЕТА для построения демонстрационных роликов. В этом случае изменение отображаемой страницы строится на параметре Rеfresh (т.е. времени обновления документа). В заголовок документа записывается контейнер МЕТА следующего вида:

	<meta http-equiv = "Refresh": 
	content = "0, URL=next.html">

такое предложение равносильно появлению в заголовке сообщения протокола НТТР предложения вида:

	Refresh = 0; URL=next.html <LF>

В свою очередь это означает замену документа сразу же после загрузки его браузером. При этом в качестве нового документа используется документ из параметра URL.

[ к оглавлению ]

Интересные ресурсы
Всё о Macromedia Flash - уроки, исходники, статьи...
DIG.ru Дайджест компьютерного рунета. - База всех русскоязычных публикаций в интернете, посвящённых околокомпьютерной тематике.
Rulz2003.H10.Ru - здесь вы найдете не только приятные сведения обо мне, но и коллекцию моих программ, которые, я считаю, должны быть на каждом современном компьютере! В дальнейшем я попробую сделать этот сайт архивом программ; как старых хороших, так и новых - еще лучших.
Создание графики для web - баннеры, логотипы, анимация и многое другое.

Хочешь опубликовать ссылку на свой сайт в этой рассылке? - прочти условия
Ведущий рассылки: Skay http://www.mweb.ru